fromDivPixelToLatLng的Google Maps API V3不一致

Question

我需要在地图的div内的固定像素位置放置一个标记。 要实例化标记，您需要一个LatLng。 我知道fromDivPixelToLatLng（）是从像素坐标转换为LatLng的方法，但我无法使其表现一致。

我在http://www.pinksy.co.uk/newsquare/overlaytest.html上发布了一个关于我的问题的简单示例。 点击地图，将标记放置在200px / 200px处。 拖动地图，然后再次单击。 我期望每次都将标记放置在200px / 200px处，但事实并非如此。

首先，我像往常一样设置地图，分辨率为600px x 300px div：

var london = new google.maps.LatLng(51.501904,-0.130463);
var mapOptions = {
    zoom: 15,
    center: london,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

然后创建一个叠加层：

var overlay = new google.maps.OverlayView();
overlay.draw = function() {};
overlay.setMap(map);

为了测试fromDivPixelToLatLng（），我在地图上创建了一个click事件，该事件试图将标记放置在像素位置200px / 200px处。 无论您将地图拖到哪里，我都希望标记始终放置在200px / 200px处：

google.maps.event.addListener(map, 'click', function(event) {

    var pixelLatLng = overlay.getProjection().fromDivPixelToLatLng(new google.maps.Point(200,200));

    var marker = new google.maps.Marker({
        position: pixelLatLng,
        map: map
    });
});

但是，拖动地图到处，您会发现标记并不总是放置在200px / 200px处。 有任何想法吗？

谢谢！

Answer 1

查看下面的演示： http : //jsbin.com/otidih/51，以进行更多实验。 要获取日志，请启动控制台-大多数内容都记录在该控制台中。

来自此论坛帖子的详细说明。 下面是一个简短的版本：

ContainerPixel是相对于地图容器计算的。 如果平移地图，则LatLngs的ContainerPixel 会更改。 不会随地图（浮动）移动的事物的ContainerPixel不会更改。 例如，如果不调整地图大小，则mapCenter的ContainerPixel保持不变：

overlay.getProjection().fromLatLngToContainerPixel(map.getCenter())

DivPixel是相对于一个巨大的Div进行计算的，该Div保持当前缩放级别下世界的整个图块空间。

overlay.getProjection().fromLatLngToDivPixel(point)

如果您不更改缩放级别并移动（平移）地图，则随地图移动的任何东西的DivPixel将保持不变。 例如，即使您移动地图，地图上给定城市的DivPixel也将保持不变。 仅当您更改缩放级别或越过国际日期变更线时，它才会更改。

请注意，每当地图缩放时，用于计算DivPixel的实际参考点都会重置，因此即使返回相同的缩放级别，相同的LatLng也可以具有不同的DivPixel值。

同时还要考虑到从返回点值

map.getProjection().fromLatLngToPoint()

API参考中对此进行了很好的解释。它从LatLng圆柱体转换为始终保持不变（无论哪个缩放级别）的大点平面。 给定的LatLng将始终映射到同一点。

（0,0）点是（85.0511287798066，-180）LatLng-Google Map的剪切位置（如果您想知道为什么，请阅读墨卡托投影 ）

Answer 2

经过实验后，我发现fromContainerPixelToLatLng（）是我想要的。 为了他人的利益，我在http://www.pinksy.co.uk/newsquare/overlaytest2.html上发布了一个示例。

（出于记录，我仍然不确定为什么fromDivPixelToLatLng会表现出来，但是没关系！）