【问题标题】:The anchorPoint is ignored when creating Marker on a Google Map在谷歌地图上创建标记时,锚点被忽略
【发布时间】:2014-04-01 07:01:18
【问题描述】:

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: 部分,但我不希望使用该方法。无论如何,我上面使用的代码似乎符合文档,但没有任何明显的区别。

感谢您提供的任何帮助。

【问题讨论】:

  • anchorPoint:从标记位置到以标记为锚点打开的信息窗口尖端的偏移量。 所以,它没有被忽略,没有任何信息窗口。
  • AAAAARRRRGGGGG!!!!还有我声称我已经阅读了文档。感谢您指出这一点。

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


【解决方案1】:

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

感谢@AntoJurković

【讨论】:

  • 不是很有用的答案。太好了,您已修复它,但要设置的正确属性是什么?
  • marker = new google.maps.Marker({ position: latLon, icon: { anchor: new google.maps.Point(offset,offset), url: url }, map: map });
猜你喜欢
  • 1970-01-01
  • 2023-03-21
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-05-14
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多