0

Есть база даных с координатами автомобиля. База обновляется каждую секунду. Потому мне нужно автоматически обновлять Google Map каждую секунду. Искал в документации, но не нашел как ето сделать.

setTimeout(function () { location.reload(true); }, 1000);
 
var map;
function initialize() {
 var mapOptions = {
	          center: new google.maps.LatLng(49.842547, 24.026544),
	          zoom: 7,
	          mapTypeId: google.maps.MapTypeId.ROADMAP
 };
 map = new google.maps.Map(document.getElementById("map_canvas"),
	            mapOptions);
	       
	  //      google.maps.event.addListener(map,"titlesLoade",function(){setInterval(redrawMap,1000);})
	  		
	        $.ajax({
	                url:'http://localhost:8087/api/getDataForSec',
	                dataType: "json", 
	                success: function(data){
	                	var markers=[];
	                    $.each(data, function(key, data) {
	                    	console.log(data.coordinatew, data.coordinatee);
	                        var mylatlng = new google.maps.LatLng(data.coordinatew, data.coordinatee);
	                        // Creating a marker and putting it on the map
	                        var marker = new google.maps.Marker({
	                          position: mylatlng,
	                          title:data.car_name
	                        });
	                        markers.push(marker);
	                        marker.setMap(map);
	                    });


	 var markerCluster = new MarkerClusterer(map, markers,
	            {imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m'});
	    
	                }
	            });

	      }
	      google.maps.event.trigger(map, 'resize');
html { height: 100% }
body { height: 80%; margin: 0; padding: 0 }
#map_canvas { height: 100% }
<!DOCTYPE html>
<html>
 <head>
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
 <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyD6wbSA91NaZlfmGKyV_TaFxI6Dpxr3BdM&sensor=true">
  </script> 
  <script src="https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/markerclusterer.js">
  </script> 
  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 
 </head>
 <body onload="initialize()">
	 <div id="map_canvas" style="width:100%; height:100%"></div>  </body>
</html>

1 ответ 1

0

Setinterval - Запускает выполнение функции, регулярно повторяет её через указанный интервал времени.

function func() {
   //marker.setPosition(); <- Google map marker position
   console.log( 'Update' );
}
setInterval(func, 1000);

5
  • А где именно в коде ее нужно вставить, я просто только знакомлюсь с JavaScript
    – mi.mo
    12 дек 2017 в 16:08
  • да,я прикрепил код
    – mi.mo
    12 дек 2017 в 16:22
  • @mi.mo вы можете вызывать функцию initialize() в setinterval() или просто ajax запрашивать через setinterval. То есть либо ajax обернуть либо вызывать функцию. Писать в вмето console.log( 'Update' ); 12 дек 2017 в 16:46
  • А можно как-то Ajax обернуть в функцию?
    – mi.mo
    12 дек 2017 в 16:50
  • @mi.mo просто вставьте аjax за место console.log( 'Update' ); с ответа 12 дек 2017 в 16:51

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.