Question

所以我使用JavaScript在可视化地图上绘制航班的位置及其飞行路径。我从我创建的节点服务器获取数据。我已经在堆栈上看了类似的问题，但是我还没能让它们正常工作。

我目前正在努力定位飞行图标，因为我希望它指向与飞行路径相同的方向，或者甚至在图像的顶部放置一个标记，以便它可以指向某个纬度和经度。在那一刻，飞行图标只面向北方。

以下是我的代码的屏幕截图。我尝试在Google Maps API中使用锚点，但我无法使其工作，因此我对其进行了评论。

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
         });

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

0 个答案: