Javascript 使KML/KMZ层透明/不透明
我一直在寻找一种使用GoogleMapAPI版本3使KML/KMZ层透明/不透明的简单方法。有很多例子,但似乎没有一个简单的例子使KML层不透明。我在下面提供了一个例子,有人能帮我解决这个问题吗Javascript 使KML/KMZ层透明/不透明,javascript,html,google-maps,Javascript,Html,Google Maps,我一直在寻找一种使用GoogleMapAPI版本3使KML/KMZ层透明/不透明的简单方法。有很多例子,但似乎没有一个简单的例子使KML层不透明。我在下面提供了一个例子,有人能帮我解决这个问题吗 <!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <title>Example 2</
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<title>Example 2</title>
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px }
#map_canvas { height: 100% }
</style>
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=false">
</script>
<script type="text/javascript">
// ***Initialize the Map Function ***
function initialize() {
var latlng = new google.maps.LatLng(0,0);
var myOptions = {
zoom: 10,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
var polyLayerOptions = {
supressInfoWindows: true,
Opacity: 0.15
};
var polyLayer = new google.maps.KmlLayer
('http://gmaps-samples.googlecode.com/svn/trunk/ggeoxml/cta.kml', polyLayerOptions);
polyLayer.setMap(map);
}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>
KML选项中没有不透明度标志,但可以将KML中对象的颜色设置为透明。谷歌使用32位的ABGR颜色,其中第一个字节是alpha通道或透明度,接下来的三个字节是常规颜色,但不是其他人使用的标准RGB顺序!。例如,80FF0000的颜色将是50%透明的蓝色。似乎没有一种方法可以像在Google Earth中那样修改动态代码中的透明度,您必须更新KML并将其重新发布到地图。KML选项中没有不透明度标志,但您可以将KML中对象的颜色设置为透明。谷歌使用32位的ABGR颜色,其中第一个字节是alpha通道或透明度,接下来的三个字节是常规颜色,但不是其他人使用的标准RGB顺序!。例如,80FF0000的颜色将是50%透明的蓝色。似乎没有一种方法可以像谷歌地球那样在代码中修改即时透明度,你必须更新KML并将其重新发布到地图上