Как обновить карты с помощью запроса AJAX?

Question

Как обновить карты с помощью запроса AJAX?

Если я понимаю ваш вопрос, вы можете использовать функцию type () .

match (a)-[r]->(b)
return a.name + " " + type(r) + " " + b.name

1

jquery javascript ajax google-maps

задан izza 29 January 2019 в 06:58

1 ответ

Другие вопросы по тегам:

jquery javascript ajax google-maps

Похожие вопросы:

score 0 · Answer 1

Вам не нужно обновлять всю карту, но только маркеры водителей (или, если быть более точным, не целые маркеры, а только их позиции)

Я использую собственный пример Google и поместите туда несколько маркеров, позиции которых обновляются в случайном месте каждую секунду.

//random locations
var latArr = [-20.363882, -21.363882, -22.363882, -23.363882, -24.363882, -25.363882, -26.363882, -27.363882, -28.363882, -29.363882];
var lngArr = [125.044922, 126.044922, 127.044922, 128.044922, 129.044922, 130.044922, 131.044922, 132.044922, 133.044922, 134.044922];
//global array to hold all markers
var markersArr = [];
//map init from google example
function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 4,
    center: {lat: -25.363882, lng: 131.044922}
  });
  //create markers
  var marker1 = new google.maps.Marker({
    position: map.getCenter(),
    icon: {
      path: google.maps.SymbolPath.CIRCLE,
      scale: 10
    },
    draggable: true,
    map: map
  });
   var marker2 = new google.maps.Marker({
    position: map.getCenter(),
    icon: {
      path: google.maps.SymbolPath.BACKWARD_CLOSED_ARROW,
      scale: 5
    },
    draggable: true,
    map: map
  });
  markersArr.push(marker1);
  markersArr.push(marker2);
}
//function to change markers locations
function renewMarkers(){
	for(i=0; i<markersArr.length; i++){
		var lt = Math.floor(Math.random()*10);
		var ln = Math.floor(Math.random()*10);
		markersArr[i].setPosition({lat: latArr[lt], lng: lngArr[ln]})
	}
}

setInterval(renewMarkers, 1000);

#map {
  height: 100%;
}
/* Optional: Makes the sample page fill the window. */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

<!-- Replace the value of the key parameter with your own API key. -->
<script async defer
src="https://maps.googleapis.com/maps/api/js?callback=initMap">
</script>
<div id="map"></div>