透明地面覆蓋

我有一個在線地圖，其中包含一個地面覆蓋圖像，並希望使圖像半透明，以便底圖將顯示。是否可以向此疊加添加透明度值？透明地面覆蓋

http://www.tpwd.state.tx.us/fishboat/fish/recreational/lakes/ingulf1c.phtml

這裏的地面疊加代碼：

var imageBounds = new google.maps.LatLngBounds(
    new google.maps.LatLng(25.71438633861514, -98.33555959121725), 
    new google.maps.LatLng(30.40813339247205, -93.57953893270167)); 


function initialize() { 
    var map = new google.maps.Map(document.getElementById("map"), { 
    center: new google.maps.LatLng(28.0041,-96.3618), 
    zoom: 7, 
    mapTypeId: 'roadmap' 
    }); 
    overlay = new google.maps.GroundOverlay(
    '/fishboat/fish/recreational/lakes/images/statemaps/gulfregion.gif', 
    imageBounds); 
    overlay.setMap(map);

來源

2013-12-16 user2510431

也許嘗試[GroundOverlay]（https://developers.google.com/maps/documentation/javascript/reference#GroundOverlay）的setOpacity方法 – geocodezip

[Google Map V3 .png groundoverlay opacity]的可能重複（https：// stackoverflow.com/questions/11132537/google-map-v3-png-groundoverlay-opacity） – tomf

有一個setOpacity method of the GroundOverlay（對我的作品有值0和1.0之間）：

var overlay = null; 

function initialize() { 
    var map = new google.maps.Map(document.getElementById("map"), { 
    center: new google.maps.LatLng(28.0041,-96.3618), 
    zoom: 7, 
    mapTypeId: 'roadmap' 
    }); 
    overlay = new google.maps.GroundOverlay('http://www.tpwd.state.tx.us/fishboat/fish/recreational/lakes/images/statemaps/gulfregion.gif', 
     imageBounds); 
    overlay.setMap(map); 

} 

google.maps.event.addDomListener(window, 'load', initialize); 

function setOpacity() { 
    var opacityStr = document.getElementById('opacity').value; 
    var opacity = parseFloat(opacityStr); 
    overlay.setOpacity(opacity); 
} 

<input type="text" id="opacity" value="0.2"></input> 
<input type="button" value="setOpacity" onclick="setOpacity();"></input>

working example

來源

2013-12-16 23:12:39 geocodezip

嘿，那有效！謝謝！ – user2510431

如果這回答了你的問題，請[接受它]（http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work）。驚人的是你可以在文檔中找到。 – geocodezip

透明地面覆蓋

回答

相關問題