<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <title>Google Maps Multiple Markers</title> <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script> </head> <body> <div id="map" style="width: 500px; height: 400px;"></div> <script type="text/javascript"> var locations = [ ['Bondi Beach', -33.890542, 151.274856, 4], ['Coogee Beach', -33.923036, 151.259052, 5], ['Cronulla Beach', -34.028249, 151.157507, 3], ['Manly Beach', -33.80010128657071, 151.28747820854187, 2], ['Maroubra Beach', -33.950198, 151.259302, 1] ]; var map = new google.maps.Map(document.getElementById('map'), { zoom: 10, center: new google.maps.LatLng(-33.92, 151.25), mapTypeId: google.maps.MapTypeId.ROADMAP }); var infowindow = new google.maps.InfoWindow(); var marker, i; for (i = 0; i < locations.length; i++) { marker = new google.maps.Marker({ position: new google.maps.LatLng(locations[i][1], locations[i][2]), map: map }); google.maps.event.addListener(marker, 'click', (function(marker, i) { return function() { infowindow.setContent(locations[i][0]); infowindow.open(map, marker); } })(marker, i)); } </script> </body> </html>
相关推荐
google-maps-marker-clusterer-v3 Google Maps v3的标记群集器
js结构如下: -js |- GMap |- GoogleMapsApi.js - google maps api class |- marker.tmpl.js - custom marker template |- stylers.js - JSON styles and custom icon |- index.js - functions to render map, ...
leaflet-maps-marker.3.5.2
google-maps-marker-with-label-v3 带有Goolgle Maps V3标签的标记
该组件是与一些伟大的想法在谷歌地图V3覆盖代码示例改编从这个。 /!\ 重要的提示 该项目最初是的插件。 现在,该项目似乎不再受维护,并且已开始维护已维护的。由于这是一个派生,因此该插件应该看起来像在工作。 ...
The most recent Google Maps API for Adobe Flash is the map_1_9a.swc and for Adobe Flex or Adobe Air it is the map_flex_1_9a.swc one. It fixes two bugs: Geocoding and Directions fail if swf is hosted ...
Atom-scroll-marker.zip,为Atom编辑器提供滚动条突出显示功能滚动标记,atom是一个用web技术构建的开源文本编辑器。
联想TP-J5 marker文件 182字节版 适用于已有SLIC表的联想电脑
此代码使 Google Maps API版本 3地图标记以 Google Earth 的方式运行(减去动画)。 少量标记(是的,最多 8 个)蜘蛛成一个圆圈。 更大的数字扇出成更节省空间的螺旋。 编译后的代码没有谷歌地图之外的依赖项。 ...
React本机图像标记 在图像中添加文字或图标水印样品安装RN版本<0 xss=removed> ' ../node_modules/react-native-image-marker 'API 名称参数返回解密markText TextMarkOption Promise<String> 用文字标记
RFC2698双速率三色标记(Two-Rate-Three-Color-Marker)。
Android Google Maps浮动标记标题如果您想查看地图上...样例应用程序设置要使示例应用程序正常运行,您需要更新Android清单文件app/src/main/AndroidManifest.xml并使用Google Maps API密钥更新此部分: < meta-data
一个老外(西班牙)编写的控件,封装了全部google maps api ,使用在DELPHI中使用谷歌地图变得非常简单 GMLib - Google Maps Library Send suggestions to gmlib@cadetill.com Supported Delphi version: Delphi 6...
使用Google Maps API在预定的设定路径上模拟车辆的运动。 以下代码可以执行以下操作。 以虚线绘制路径 有条件地为路径设置动画。 在路径上绘制运动对象 这是实际的样子。 要创建自己的动画路径,请转到以下链接...
#React-style-marker React-style-marker试图以不同的方式管理React元素上的内联样式。 使用React-style-marker,内联样式将转换为变量和表达式,您可以在此系统中的同一规则中重复使用这些变量。 自下而上且可...
Leaflet.Canvas-Markers-0.2.0 https://github.com/corg/Leaflet.Canvas-Markers
Daum Maps 的多标记示例 ... script type =" text/javascript " src =" //apis.daum.net/maps/maps3.js?apikey=INPUT_YOUR_APIKEY " > </ script > 在INPUT_YOUR_APIKEY输入您的API 密钥。 API 密钥可以从。
google_maps.js ... - Google Maps API, version 3 ("https://maps.googleapis.com/maps/api/js?v=3.exp") - prototype_class.js, version 1.0.0 (see https://github.com/fernandojunior/prototype_class.js/t
安卓开发-高德地图Marker拖动圆环范围.zip.zip
Android高级应用源码-高德地图Marker拖动圆环范围.zip