拖动Google地图时,使叠加移动

时间:2012-04-09 14:11:03

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

我正在使用Google Map V3 API并使用叠加层在地图上显示一些图片。

问题:当叠加层位于地图上并拖动地图时,地图会移动但叠加层仍保留在地图容器中的相同位置(即它不会移动)。在拖动地图时,如何使叠加层与地图一起移动?

JS代码

var overlay = new google.maps.OverlayView();
overlay.draw = function() {};
overlay.setMap(map);
divLatLng = new google.maps.LatLng(lat, lng);
var left = overlay.getProjection().fromLatLngToContainerPixel(divLatLng).x;
var top = overlay.getProjection().fromLatLngToContainerPixel(divLatLng).y;
$('#div').css('position', 'absolute');
$('#div').css('top', top);
$('#div').css('left', left);

1 个答案:

答案 0 :(得分:0)

使用标记解决。谢谢罗里!