自定义Google地图标记在缩放时移动

时间:2015-02-08 09:41:30

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

我正在创建一个谷歌地图页面,我在世界地图上显示飞机的当前位置。我可以在地图上使用SVG路径成功显示各种飞机类型。飞机的位置虽然根据所选的缩放级别大幅移动。而且,我的意思是距离非常远。见下面的样本,飞机在哪里移动"从阿拉伯海的西部到印度次大陆的东部,只有三个缩放步骤。

Zoom level 1 Zoom level 2 Zoom level 3

我在这里发现了类似的帖子,建议是定义一个锚点,我做了,但它没有帮助。

我将飞机标记定义如下:

var plane  = { path: eval('a'+place[0]), strokeColor: '#000', fillColor: '#000', fillOpacity: 1, rotation: place[5], anchor: new google.maps.Point(0, 17), scale: 0.10 };
var marker = new google.maps.Marker({map: map, position: new google.maps.LatLng(place[1], place[2]), icon: plane, title: place[4], zIndex: place[3], url: lFp+place[8], visible: true});
google.maps.event.addListener(marker, 'click', function() { NewWindow(this.url,'name','770','490','Yes');return false; });
mPlanes.push(marker);

如何设置锚点以使标记始终位于正确的位置?

提前致谢。

0 个答案:

没有答案