-2
我按照此示例(http://jsfiddle.net/upsidown/p646xmcr/)在我的地图上每隔5秒刷新一次标记的位置。现在我不明白我怎么可以给每个标记添加一个infowindow,而不用说时间和地理位置(或者只是海滩数组的第5个元素)。将Infowindow添加到数组标记中,每5秒刷新一次Google地图
var map;
var markers = []; // Create a marker array to hold your markers
function initialize() {
var mapOptions = {
zoom: 5,
center: new google.maps.LatLng(10,12),
mapTypeId: google.maps.MapTypeId.SATELLITE
}
map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
setMarkers(beaches);
// Bind event listener on button to reload markers
//document.getElementById('reloadMarkers').addEventListener('click', reloadMarkers);
}
var n = 0;
setInterval(function reloadMarkers() {
n++;
var beaches = [
['Bondi Beach', 10+n, 10+n, 5],
['Coogee Beach', 10-n, 11-n, 5],
['Cronulla Beach', 10-n, 12+n, 3],
['Manly Beach', 10+n, 13-n, 2],
['Maroubra Beach', 10, 14, 1]
];
// Loop through markers and set map to null for each
for (var i=0; i<markers.length; i++) {
markers[i].setMap(null);
}
// Reset the markers array
markers = [];
// Call set markers to re-add markers
setMarkers(beaches);
var infowindow = new google.maps.InfoWindow({
content: "infowindowstringg"
});
marker.addListener('click', function() {
infowindow.open(map, marker);
});
}, 5000);
function setMarkers(locations) {
for (var i = 0; i < locations.length; i++) {
var beach = locations[i];
var myLatLng = new google.maps.LatLng(beach[1], beach[2]);
var marker = new google.maps.Marker({
position: myLatLng,
map: map,
animation: google.maps.Animation.DROP,
title: beach[0],
zIndex: beach[3]
});
google.maps.event.addListener(marker, 'click',)
// Push marker to markers array
markers.push(marker);
}
}
initialize();
有一个在你的问题中添加信息窗口没有代码。你有什么尝试过(我假设你已经看到[InfoWindows的文档](https://developers.google.com/maps/documentation/javascript/infowindows))?你有什么问题? – geocodezip
您的代码显示不会尝试将Infowindow添加到您的地图。有足够的教程和文档可以轻松回答你的问题。 – MrUpsidown
我已经编辑我的测试wchich不工作通过添加google.maps.event.addListener(标记,'点击',)你能指示我一个教程这样做吗? – mmarcc