2016-01-15 2 views
0

Как я могу позволить своим маркерам автоматически менять позиции с данными из aspx.vb. Я пытался использовать интервал, но это не сработало, потому что у него все еще была та же позиция. Я знаю, что мне нужно использовать ajax, но я не знаю, как это работает.Обновить маркеры google maps

<body> 
<div id="map"></div> 
<script type="text/javascript"> 
    function initMap() 
    { 
     var myLatLng = { lat: 50.4720256, lng: 5.7289935 }; 
     var markers = JSON.parse('<%=ConvertDataTabletoString() %>'); 




     var map = new google.maps.Map(document.getElementById('map'), 
     { 
      zoom: 8, 
      center: myLatLng, 
      mapTypeControl: false, 
      mapTypeControl: false, 
      zoomControl: true, 
      zoomControlOptions: 
      { 
       position: google.maps.ControlPosition.LEFT_CENTER 
      }, 
      scaleControl: true, 
      streetViewControl: false 
     });   
    for (i = 0; i < markers.length; i++) 
    { 
     var data = markers[i] 
     var myLatlng = new google.maps.LatLng(data.Latitude, data.Longitude); 


     image = 
     { 
     url: data.Kind + ".png", 
     size:new google.maps.Size(32 , 32), 
     }; 

     var marker = new google.maps.Marker(
     { 
      position: myLatlng, 
      map: map, 
      icon: image, 
      title: data.RegistrationNbr 
     }); 
    } 
} 

</script> 
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=MYAPI-WZq_c&signed_in=false&callback=initMap" async defer> 
</script> 

ответ

0

Я не уверен, но попробуйте поставить интервал, и вы должны назвать 's etPosition'

Вот фрагмент кода для 'SetPosition':

вар new_marker_position = new google.maps.LatLng (53.345735, -6.259548); marker.setPosition (new_marker_position);

Вот официальный документ Google: https://developers.google.com/maps/documentation/javascript/reference

Я надеюсь, что это поможет.

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