我一直在尝试旋转Google Maps API SVG飞机符号,以便在每次符号移动时显示飞机的正确航向.它最初加载显示正确的标题 - 我似乎无法弄清楚如何将其更新到新标题.我花了2天时间尝试并且非常失败.我以为我可以通过添加rotatation: getTrueHeading而不是运气来简单地改变它.
我可以通过将planeSymbol实例和标记实例添加到其中来实现我想要的唯一方法
setInterval(function() {}, 3000);
朝向底部的功能,但这(显然)重复了飞机图标,看起来非常低效.
我很欣赏下面的代码不是很好,所以请原谅它的质量 - 仍在进行中,我也是javascript的新手.
如果有人能提供帮助,我将非常感激.
function initMap() {
var getLatEl = document.getElementById('latitude');
getLat = parseFloat(getLatEl.innerHTML);
var getLongEl = document.getElementById('longitude');
getLong = parseFloat(getLongEl.innerHTML);
var gettrueHeadingEl = document.getElementById('trueHeading');
getTrueHeading = parseFloat(gettrueHeadingEl.innerHTML);
if (isNaN(getLat) == true && isNaN(getLong) == true) {
// Show default location
var usersLocation = {lat: 33.949484, lng: -118.430566};
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 3,
center: usersLocation,
mapTypeId: google.maps.MapTypeId.TERRAIN
});
var image = 'assets/images/icons/aircraft_marker_map_none_16x16.png';
}else …