我想做一些简单的事情,但我不知道为什么它不起作用。我有一个带有正确显示的地图的页面。我有一个 JS 文件,它带有一个 json 文件,其中包含要在地图 onload 事件中显示的位置。它的工作,但只显示最后一个标记,但我不知道为什么。这是.js文件:
var mymap;
var mapOptions;
function initialize() {
mapOptions = {
center: new google.maps.LatLng(-34.397, 150.644),
zoom: 4,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
mymap = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
$.get('getlocations.php',DisplayLocations);
}
function DisplayLocations(data, status)
{
var locations = $.parseJSON(data);
for (var i = 0; i < locations.length; i++) {
var loc = locations[i];
DisplayLocation(loc);
}
}
function DisplayLocation(location)
{
var marker = new google.maps.Marker({
position: new google.maps.LatLng(location.lat, location.lon),
map: mymap,
title: 'Info'
});
var infowindow = new google.maps.InfoWindow({
content: location.des
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(mymap,marker);
});
}