Javascript 如何使图像指向可视化地图中的某个方向
因此,我使用JavaScript在可视化地图上绘制航班的位置及其飞行路径。我正在从我创建的节点服务器获取数据。我已经研究了关于堆栈溢出的类似问题,但我还没能让它们工作 我目前正在努力定位飞行图标,因为我希望它指向与飞行路径相同的方向,甚至在图像顶部放置一个标记,以便它可以指向特定的纬度和经度。此时,航班图标仅朝北 这是我的代码截图。我试着在GoogleMapsAPI中使用锚,但是我无法让它工作,所以我把它注释掉了Javascript 如何使图像指向可视化地图中的某个方向,javascript,google-maps,Javascript,Google Maps,因此,我使用JavaScript在可视化地图上绘制航班的位置及其飞行路径。我正在从我创建的节点服务器获取数据。我已经研究了关于堆栈溢出的类似问题,但我还没能让它们工作 我目前正在努力定位飞行图标,因为我希望它指向与飞行路径相同的方向,甚至在图像顶部放置一个标记,以便它可以指向特定的纬度和经度。此时,航班图标仅朝北 这是我的代码截图。我试着在GoogleMapsAPI中使用锚,但是我无法让它工作,所以我把它注释掉了 var flightCord = []; for (var i = 0
var flightCord = [];
for (var i = 0; i < data.flight.length; i++) {
var lat = data.flight[0].lat1;
var lng = data.flight[0].lng1;
// Co-ordinates for Dublin Airport 53.421379, -6.27
var image = new google.maps.MarkerImage("plane3.png"
//new google.maps.Size(25,25),
//null, null,
//new google.maps.Point(53.4213879,-6.27)
//new google.maps.Point(0, 50)
);
var latLng = new google.maps.LatLng(lat,lng);
var marker = new google.maps.Marker({
position: latLng,
map: map,
icon: image
});
var flightCord = [
{lat:data.flight[0].lat1, lng: data.flight[0].lng1},
{lat:data.flight[i].lat1, lng:data.flight[i].lng1}];
}
var flightPath = new google.maps.Polyline({
path: flightCord,
geodesic: true,
strokeColor: '#FF0000',
strokeOpacity: 1.0,
strokeWeight: 1
});
var flightCord=[];
对于(变量i=0;i
不是问题所在,但是MarkerImage
类很久以前就被弃用了。请提供一个例子来说明您的问题。我的答案可能与这里的重复:显示如何将标记放在自己的图层上。我还采用了在图标URL的末尾添加一个#和一些可识别的内容,以便在DOM中选择它来对其执行动画。也许加上航班号?如果需要的话,我可以在回答中更详细一点,但可能缺少完整的工作代码。