javascript - 谷歌地图 : update image overlay

Question

我正在尝试动态更新谷歌地图上的图像叠加层。我可以创建一个新的覆盖对象，但我不知道如何修改它。我可以更新 overlayImage 对象吗

var overlayImage = new google.maps.GroundOverlay("myimage.png", imageBounds);

我想在缩放更改时修改 overlayImage，但我无法通过该函数传递它。我也无法在“ map ”对象中找到它。

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

}

当缩放级别更改时如何更新 myimage.png？

Answer 1

我认为问题是当您添加事件监听器时 overlayImage 超出了范围。

作为测试，尝试全局声明变量，然后再分配变量。

/* top level */
var overlayImage;
...
/* later on */
overlayImage = new google.maps.GroundOverlay("myimage.png", imageBounds); 

在 javascript 中，您不能简单地在函数中传递一个变量并希望它会获取您之前声明的内容。可能发生的另一件事是事件监听器将事件对象作为回调函数中的第一个参数传递，但您已将其命名为 overlayImage，因此在该回调中，overlayImage 的上下文实际上是事件对象。你会做这样的事情:

google.maps.event.addListener(map, 'zoom_changed', function(event) {
    /* overlayImage can now be used */
    overlayImage.someAPIFunction();
}