Javascript 如何使图像指向可视化地图中的某个方向

Javascript 如何使图像指向可视化地图中的某个方向,javascript,google-maps,Javascript,Google Maps,因此,我使用JavaScript在可视化地图上绘制航班的位置及其飞行路径。我正在从我创建的节点服务器获取数据。我已经研究了关于堆栈溢出的类似问题,但我还没能让它们工作 我目前正在努力定位飞行图标,因为我希望它指向与飞行路径相同的方向,甚至在图像顶部放置一个标记,以便它可以指向特定的纬度和经度。此时,航班图标仅朝北 这是我的代码截图。我试着在GoogleMapsAPI中使用锚,但是我无法让它工作,所以我把它注释掉了 var flightCord = []; for (var i = 0

因此,我使用JavaScript在可视化地图上绘制航班的位置及其飞行路径。我正在从我创建的节点服务器获取数据。我已经研究了关于堆栈溢出的类似问题,但我还没能让它们工作

我目前正在努力定位飞行图标,因为我希望它指向与飞行路径相同的方向,甚至在图像顶部放置一个标记,以便它可以指向特定的纬度和经度。此时,航班图标仅朝北

这是我的代码截图。我试着在GoogleMapsAPI中使用锚,但是我无法让它工作,所以我把它注释掉了

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中选择它来对其执行动画。也许加上航班号?如果需要的话,我可以在回答中更详细一点,但可能缺少完整的工作代码。