Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/433.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 谷歌地图能有一个透明的背景吗?_Javascript_Html_Css_Google Maps - Fatal编程技术网

Javascript 谷歌地图能有一个透明的背景吗?

Javascript 谷歌地图能有一个透明的背景吗?,javascript,html,css,google-maps,Javascript,Html,Css,Google Maps,谷歌地图能有一个透明的背景吗?我一直在和准物质打交道,但找不到解决办法。我正在使用JSAPI 谢谢。这似乎可以通过将CSS的不透明度设置为小于1的值来实现。所有现代浏览器都支持opacity本机或专有指令 <!-- The container to which the map is rendered by the Google JS library --> <div id="mapContainer" style="opacity:0.5"></div> 有

谷歌地图能有一个透明的背景吗?我一直在和准物质打交道,但找不到解决办法。我正在使用JSAPI


谢谢。

这似乎可以通过将CSS的
不透明度设置为小于1的值来实现。所有现代浏览器都支持
opacity
本机或专有指令

<!-- The container to which the map is rendered by the Google JS library -->
<div id="mapContainer" style="opacity:0.5"></div>

有一种方法可以使用Google Maps API V3为地图提供透明的背景。该对象有一个名为
backgroundColor
的属性,用于设置地图的背景颜色。如果使用HSLA颜色值,则可以控制此背景颜色的不透明度以创建透明度

var mapOptions = {
zoom: 1,
styles: mapStyles,
backgroundColor: 'hsla(0, 0%, 0%, 0)',
};
除了设置此颜色外,还需要使用一些贴图样式来隐藏水(或任何想要透明的)

下面是一个代码笔,演示了该效果:

您是否尝试过在应用贴图的容器上设置不透明度?如果我记得的话,您将一个元素作为映射容器传递,然后GoogleJS库将映射渲染到该容器。这难道不只是使所有内容都50%不透明吗?我想让背景和水等元素100%半透明。@真想不到-我不知道。我在网上找不到任何东西,而且我从来没有这样做过。这需要Google支持一个相当复杂的alpha通道渲染系统,并以支持32位alpha通道(如PNG)的格式返回贴图。对,我可能会尝试使用静态贴图和画布删除我不想要的部分。唯一的问题是,我需要在我的服务器上缓存图像,我认为ID与google TOS不符:(