Google地图下绘制带箭头的轨迹图

                        if(n-1>0){//坐标点不到2个时,不绘制轨迹
                            for(var i = 0; i < n - 2; i++){
                                drawArrowLine(newChartData[i], newChartData[i+1]);//newChartData数组中存着一堆坐标
                            }
                        }
                        
                        function drawArrowLine(pointerA, pointerB){
                           var lineSymbol = {
                              path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW
                            };
                           var lineCoordinates = [
                              pointerA,
                              pointerB
                            ];

                            var line = new google.maps.Polyline({
                              path: lineCoordinates,
                              icons: [{
                                icon: lineSymbol,
                                offset: '100%'
                              }],
                              map: map
                            }); 
                        }

参考于https://developers.google.com/maps/documentation/javascript/examples/overlay-symbol-arrow

转载于:https://my.oschina.net/ervinfly/blog/359782

你可能感兴趣的:(Google地图下绘制带箭头的轨迹图)