Google maps api 3 具有透明度的地面覆盖
我有一个在线地图,其中包含一个地面覆盖图像,并希望使图像半透明,以便基础地图将显示通过。是否可以将透明度值添加到此覆盖 以下是地面覆盖的代码:Google maps api 3 具有透明度的地面覆盖,google-maps-api-3,transparency,overlays,Google Maps Api 3,Transparency,Overlays,我有一个在线地图,其中包含一个地面覆盖图像,并希望使图像半透明,以便基础地图将显示通过。是否可以将透明度值添加到此覆盖 以下是地面覆盖的代码: var imageBounds = new google.maps.LatLngBounds( new google.maps.LatLng(25.71438633861514, -98.33555959121725), new google.maps.LatLng(30.40813339247205, -93.57953893270167))
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);
有一个(适用于值介于0和1.0之间的我):
html,
身体{
宽度:100%;
身高:100%;
边际:0px;
填充:0px;
}
#地图{
宽度:100%;
身高:90%;
}
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>