我想在我的网络应用程序中在谷歌地图上显示多个位置.如何显示这个,请建议我.
Regrds,
插口
解决方法
我假设你的意思是你想使用谷歌地图v3 api显示地图.
您可以将此作为起点.
您可以将此作为起点.
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script> <div id="map" style="width: 500px; height: 400px;"></div>
和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)); }
这是一个小提琴:http://jsfiddle.net/xu6nt/
有关更多示例,请参阅https://developers.google.com/maps/documentation/javascript/examples/
如果你正在寻找一个jQuery插件,我会建议GMAP3.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。