缩放时标记漂移(不是自定义标记)

时间:2013-12-17 20:53:00

标签: javascript google-maps google-maps-api-3 maps google-maps-markers

我有标记漂移问题,它似乎与自定义标记的锚点无关。标记(非自定义)在变焦时会显着漂移(请参阅下面的图片)

point at zoom 1

point at zoom 2

point at zoom 3

var myLatlng = new google.maps.LatLng(parseFloat(jsonObjects[i].lat), parseFloat(jsonObjects[i].lon));
 for (var i = 0; i < jsonObjects.length; i++) {
    var markers = new google.maps.Marker({
    position: myLatlng,
    map: map,
    title: "norm",
    });
 }

以下是实时代码的链接: http://www.carolinerecord.com/soundMap/soundMapStart.html

以下是我正在使用的坐标的一些示例:

-79.9025 40.445166

-80.012741 40.445073

-79.94909 40.437257

1 个答案:

答案 0 :(得分:2)

为图标定义锚点时,起点(0,0)是图像的左上角。

您已将图标的大小设置为(20, 32),将锚点设置为(0,16)

当你想要锚点位于Icon的底部中心时,锚点必须设置为(halfOfImageWidth,ImageHeight)

所以在你的情况下,它必须是:

anchor:new google.maps.Point(10,32)

但是,您可以省略anchor - 属性,API会将默认设置为底部中心。