google-maps - 谷歌地图标记未以折线 v3 为中心

Question

我的地图上有折线，标记应该位于折线上。

问题是标记在左上角移动，它们看起来离折线有一段距离，而它们应该在它们的顶部。

有人知道如何解决吗？谢谢

Answer 1

好的

如果有人需要，我找到了答案。

我只是这样使用 MarkerImage ：

var image = new google.maps.MarkerImage(icon,
    // This marker is 20 pixels wide by 32 pixels tall.
    null, 
    // The origin for this image is 0,0.
    new google.maps.Point(0,0),
    // The anchor for this image is the base of the flagpole at 0,32.
    new google.maps.Point(7, 7)
);
var marker = new google.maps.Marker({
    position: new google.maps.LatLng(lat, lon),
    map: map,
    title: title,
    icon: image
});

其中 new google.maps.Point(7, 7) 采用像素偏移数。

初始位置 0,0 位于标记的中心底部，因此我将图像偏移了一半的宽度和高度。

现在完美运行。