3

私はこのようなことを達成したい: Googleマップに透明なオーバーレイを追加する

基本的に、マップ上の画像をマップ div の上に固定する必要がありますが、マップ上ですべてのアクションをドラッグして使用できるようにする必要があります。

css3 hack pointer-events to none を使用した解決策を見つけました。私のコードは次のようになります:

<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マップの透明な画像オーバーレイ

しかし、画像全体でマップをカバーしたいので、これはまさに私が必要としているものではありません。

Googleマップ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 に答える