Наложение на землю с прозрачностью

Question

У меня есть онлайн-карта, содержащая изображение с надписью на земле, и вы хотите сделать изображение полупрозрачным, чтобы карта базы отображалась. Можно ли добавить значение прозрачности к этому наложению?

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

Answer 1

Существует 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