고정 투명 이미지 나는 이런 식으로 뭔가 달성하고자하는 사업부

Question

전체 구글지도 오버레이 : 여전히 기본적으로 Adding transparent overlay on google map

내가지도 위에 이미지를 필요로하는 것은지도 사업부의 상단에 고정 할을하지만, 다음을 수행 할 수 드래그하여지도에서 모든 작업을 수행 할 수 있습니다.

나는 css3 해킹 포인터 이벤트가없는 해결책을 찾았습니다. 내 코드는 다음과 같습니다

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

을하지만 오페라 모든 IE 버전에서뿐만 아니라에서 작동하지 않습니다 때문에 그 완벽하지 않습니다 : https://developer.mozilla.org/en-US/docs/CSS/pointer-events

나는이 발견 Google Maps transparent image overlay

을

하지만 전체 이미지가지도를 덮고 있기 때문에 이것이 꼭 필요한 것은 아닙니다.

Google지도 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)) 
    }); 
} 

같은 것을 할 수있다!