Google Maps API v3在Polyline末尾绘制箭头？

Question

我目前正在添加这样的箭头：

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

var line_options = {
    path: path,
    geodesic: true,
    clickable: false,
    strokeColor: color,
    strokeOpacity: .7,
    strokeWeight: stroke,
    icons: [{
        icon:arrowSymbol,
        offset:'100%'
    }]
}

问题是我的线上的中风重量相当大。箭头的尖端位于线的末端，线条从箭头的尖端凸出，看起来很奇怪。我需要的是箭头的底部位于线的末尾。

Answer 1

更改图标的锚点。

https://developers.google.com/maps/documentation/javascript/reference#Symbol

  

锚点点|符号相对于标记或折线的位置。符号路径的坐标分别由锚点的x和y坐标左右平移。默认情况下，符号锚定在（0,0）。该位置以与符号路径相同的坐标系表示。