对象的方向是否有谷歌折线图?

时间:2017-06-23 10:05:32

标签: php jquery google-maps

我已经制作了一个折线谷歌地图来检查对象的位置,但我有点困惑,它的位置我的意思是从位置A到位置B或位置B到位置AI有很多坐标所以我很困惑。

我们可以在折线上显示箭头来描述它的去向吗?

1 个答案:

答案 0 :(得分:0)

<强> Working Demo! 您可以使用折线属性icons设置折线图标。即使你可以显示多个箭头。在折线的路径数组中,第一个对象是起点lat-lng,第二个是终点lat-lng。

使用图标属性的偏移属性设置箭头的位置。

var lineSymbol = {
        path: google.maps.SymbolPath.FORWARD_OPEN_ARROW,
        scale: 4            
      };

var line = new google.maps.Polyline({
                    path: [{lat: 'start point lat value', lng: 'start point lng value'}, {
                            lat: 'end point lat value',lng: 'end point lng value'}],                                    
                    strokeOpacity: 1.0,
                    strokeWeight: 2,                                    
                    map: map,
                    zIndex: 1000,
                    icons: [{
                          icon: lineSymbol,
                          offset: '50%'
                       },{
                          icon: lineSymbol,
                          offset: '75%'
                       },{
                          icon: lineSymbol,
                          offset: '100%'
                       }]
                 });