добавить Infowindow для маркеров массивов, освежающих каждые 5 секунд. Google map

-2

Я воспользовался этим примером (http://jsfiddle.net/upsidown/p646xmcr/), чтобы обновить местоположение маркеров каждые 5 секунд на моей карте. Теперь я не понимаю, как я могу добавить infowindow к каждому маркеру, который у меня есть, с другой переменной. Скажите время и геолокацию (или только 5-й элемент массива пляжей).добавить Infowindow для маркеров массивов, освежающих каждые 5 секунд. Google map

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();

источник

2017-01-19 mmarcc

Там нет кода в вашем вопросе, чтобы добавить InfoWindow. Что вы пробовали (предположим, вы видели [документацию на InfoWindows] (https://developers.google.com/maps/documentation/javascript/infowindows))? Какие у вас проблемы? – geocodezip

Ваш код не показывает попытку добавить Infowindow к вашей карте. Существует достаточно учебников и документации, чтобы легко ответить на ваш вопрос. – MrUpsidown

Я отредактировал мой тест wchich, не работает, добавив google.maps.event.addListener (маркер, 'click',), можете ли вы указать мне учебник, делающий это? – mmarcc

Определить InfoWindow переменную в SetMarkers()

вар InfoWindow = новый google.maps.InfoWindow();

и это AddListener()

google.maps.event.addListener(marker, 'click', (function (marker, i) { 
     return function() { 
      infowindow.setContent(beaches[i][0]); 
      infowindow.open(map, marker); 
     } 
    })(marker, i));

Рабочий пример

http://jsfiddle.net/p646xmcr/413/

источник

2017-01-19 21:35:37 soupe

добавить Infowindow для маркеров массивов, освежающих каждые 5 секунд. Google map

ответ

Смежные вопросы