Question

我希望实现这样的目标： Adding transparent overlay on google map

基本上我需要将地图顶部的图像固定在地图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来实现这个目标？

Answer 1

您可以执行类似

的操作

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))
    });
}

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

固定透明图像覆盖整个谷歌地图div

1 个答案: