在Google地图上创建标记时,将忽略anchorPoint

时间:2014-02-28 10:26:10

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

Google Maps API v3文档说明MarkerOptions可以包含anchorPoint来指定偏移量(相对于标记移动图标): https://developers.google.com/maps/documentation/javascript/reference#MarkerOptions

我曾尝试使用anchorPoint,但它似乎被忽略了。我犯了多么愚蠢的错误?

这是一些创建两个标记的代码;一个具有anchorPoint,另一个具有默认值(标记锚定在图像的底部中心)。我希望有一个向下移动,但它们保持水平对齐。

var oMap = new google.maps.Map(document.getElementById('div_map'), { zoom: 25, center: new google.maps.LatLng(50.14,-1.4), mapTypeId: google.maps.MapTypeId.TERRAIN });

var marker1 = new google.maps.Marker({ position: new google.maps.LatLng(50.14, -1.403), map: oMap, title: 'Normal', icon: 'http://www.merlinrocket.co.uk/images/mroa_logo.gif' });
var marker2 = new google.maps.Marker({ position: new google.maps.LatLng(50.14, -1.407), anchorPoint: new google.maps.Point(50, 50), map: oMap, title: 'Offset', icon: 'http://www.merlinrocket.co.uk/images/mroa_logo.gif' });

我找到了很多代码示例,其中{url / size / origin / anchor}被传递给MarkerOptions的icon:部分,但我不想使用该方法。无论如何,我上面使用的代码似乎都遵循文档,但没有任何明显的区别。

感谢您提供任何帮助。

1 个答案:

答案 0 :(得分:2)

我的愚蠢错误是我没有仔细阅读文档。 anchorPoint是从该标记打开的任何infoWindow的偏移量,而不是图标偏移量。

感谢@AntoJurković