谷歌地图标记不以折线v3为中心

时间:2013-01-03 15:22:32

标签: google-maps marker polyline

我的地图上有多段线和标记应位于折线上。

问题是标记在左上方移动,看起来它们与折线有一定距离,而它们应该在它们之上。

任何人都知道如何修复它?谢谢

Markers not centred example

1 个答案:

答案 0 :(得分:0)

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

我刚刚使用了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
});

新的google.maps.Point(7,7)获取偏移数字(以像素为单位)。

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

现在完美运作。