Я разрабатываю систему для динамического отображения маркеров на карте Google, маркеры будут представлять движущиеся транспортные средства.У каждого транспортного средства есть GPS-трекер, который будет отправлять местоположение (широту, долготу) в базу данных, и с моим текущим кодом я показываю последнее местоположение транспортного средства и показываю его на карте (хотя все другие местоположения все еще сохранены)
<div id="map"></div>
<script>
var map;
var marker = [];
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
center: { lat: 25.735042, lng: -80.334563 },
zoom: 15
});
$.get("@Url.Action("GetAllLocation","Home")", function (data, status) {/*Get the data from database in asp.net mvc*/
var contentInfo = [];
var infowindow = [];
for (var i = 0; i < data.length; i++) {
var iconImage = data[i].Rating == 1 ? "../Icons/icons8-hyundai-50.png" : data[i].Rating == 2 ? "../Icons/icons8-kia-50.png" : data[i].Rating == 3 ? "../Icons/icons8-mazda-50.png" : "../Icons/icons8-vado-50.png"
marker[i] = new google.maps.Marker({
position: { lat: data[i].lat, lng: data[i].long },
map: map,
icon: iconImage
});
contentInfo[i] = '<div id="content">' +
'<div id="siteNotice">' +
'</div>' +
'<h1 id="firstHeading" class="firstHeading">'
'<div id="bodyContent">' +
'<p><b>Lat:' + data[i].lat + ', Long:' + data[i].long;
infowindow[i] = new google.maps.InfoWindow({
content: contentInfo[i]
});
}
})
}
</script>
С помощью этого кода я показываю на карте местоположение каждого из транспортных средств и присваиваю каждому местоположению различный значок в зависимости от состояния.До этого все было хорошо, но сейчас мне нужно повернуть значок каждого транспортного средства на карте в соответствии с текущим местоположением и предыдущим местоположением.Я хотел бы функцию, которая выполняет эту работу, передавая два местоположения.