3

我想实现这样的目标： 在谷歌地图上添加透明覆盖

基本上我需要将地图顶部的图像固定在地图 div 的顶部，但仍然能够拖动并在地图上使用所有可用的操作。

我找到了一个解决方案，将 css3 hack 指针事件设置为无。我的代码如下所示：

<div id="overlayMap"></div> //the div with a transparent png background that I set the pointer-events: none;
<div id="map"></div>

但这并不完美，因为它不适用于所有 IE 版本以及 Opera： https ://developer.mozilla.org/en-US/docs/CSS/pointer-events

我还发现了这个： Google Maps transparent image overlay

但这并不是我所需要的，因为我希望整个图像覆盖地图。

有没有办法用谷歌地图 API 来实现这一点？

4

1 回答 1

3

你可以做类似的事情

function setOpacityLayerAcrossWholeMap(map) {
    new google.maps.Rectangle({
        fillColor: 'grey',
        fillOpacity: 0.65,
        map: map,
        bounds: new google.maps.LatLngBounds(
    new google.maps.LatLng(-90, -180),
    new google.maps.LatLng(90, 180))
    });
}

我自己做了它并且工作，希望它是你正在寻找的！

于 2013-01-22T15:11:38.320 回答