Mag*_*ith 2 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' });
Run Code Online (Sandbox Code Playgroud)
我发现了很多代码示例,其中 {url/size/origin/anchor} 被传递到icon:
MarkerOptions 部分,但我不想使用该方法。无论如何,我上面使用的代码似乎遵循文档,但没有产生任何明显的差异。
谢谢你提供的所有帮助。