Javascript 如何使用带有经纬度和值的Google Maps API在地图上显示多个城市?
如何在地图上显示多个城市使用谷歌地图API与纬度,经度和价值??我需要在谷歌地图上显示以下数据Javascript 如何使用带有经纬度和值的Google Maps API在地图上显示多个城市?,javascript,Javascript,如何在地图上显示多个城市使用谷歌地图API与纬度,经度和价值??我需要在谷歌地图上显示以下数据 var data = [ { city:"Absecon,NJ", lat: 2.3, long: -2.3 , value: 1000 }, { city:"XYZ,NJ", lat: 5.3, long: -7.3 , value: 2300 } ] 你需要知道,我们是在帮助你解决问题,而不是让你的工作。否则,我可以帮
var data = [
{ city:"Absecon,NJ", lat: 2.3, long: -2.3 , value: 1000 },
{ city:"XYZ,NJ", lat: 5.3, long: -7.3 , value: 2300 }
]
你需要知道,我们是在帮助你解决问题,而不是让你的工作。否则,我可以帮助您使用GoogleMaps的javascript对象 弗斯特 包括谷歌地图脚本
<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"></script>
第三
你必须把你需要的城市与纬度和经度联系起来
var portugal=new google.maps.LatLng(38.9496116,-9.2180746);
var peru=new google.maps.LatLng(-12.0715472,-77.1634965);
var ecuador = new google.maps.LatLng(-2.162871,-79.898775);
var marker1 = new google.maps.Marker({
position: portugal,
map: map,
title:"Portugal"
});
var marker2 = new google.maps.Marker({
position: peru,
map: map,
title:"Perú"
});
var marker3 = new google.maps.Marker({
position: ecuador,
map: map,
title:"Ecuador"
});
第四(可选)
设置窗口信息:
var infowindow1 = new google.maps.InfoWindow({
content: '<strong>Portugal</strong><p> Milharado, Casal Arneiro Mafra<br>Lisboa, Portugal <br>Tel: (+351) 219 668 320, Fax: (+351) 219 662 745'
});
google.maps.event.addListener(marker1, 'click', function() {
infowindow1.open(map,marker1);
});
var infowindow1=新建google.maps.InfoWindow({
内容:“葡萄牙米尔哈拉多,卡萨尔·阿内罗·马夫拉
葡萄牙里斯本
电话:(+351)219 668 320,传真:(+351)219 662 745”
});
google.maps.event.addListener(marker1,'click',function(){
信息窗口1.打开(地图,标记1);
});
就这些。
您可以看到它在这里工作:
祝你好运你在尝试什么吗?您知道如何实例化google maps对象吗?这是第一个开始。如果没有,我们正在做你的工作。谷歌地图api初学者。我告诉你实现一个工作地图的四个步骤(三个必选步骤)。但您需要使用数据进行自定义。如果您有问题,请解释问题并共享代码。祝你好运
var infowindow1 = new google.maps.InfoWindow({
content: '<strong>Portugal</strong><p> Milharado, Casal Arneiro Mafra<br>Lisboa, Portugal <br>Tel: (+351) 219 668 320, Fax: (+351) 219 662 745'
});
google.maps.event.addListener(marker1, 'click', function() {
infowindow1.open(map,marker1);
});