我一直在寻找使用 Google Map API 版本 3 使 KML/KMZ 层透明/不透明的简单方法。那里有很多示例，但似乎没有一个简单的示例使 KML 层不透明。我在下面提供了一个示例，有人可以帮我解决这个问题吗？？？
<!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 中对象的颜色设置为透明。 Google 使用 ABGR 形式的 32 位颜色，其中第一个字节是 alpha channel 或透明度，接下来的三个字节是常规颜色(尽管不是其他人使用的标准 RGB 顺序!)。例如，#80FF0000 的颜色将是 50% 透明的蓝色。似乎没有办法像在 Google 地球中那样在代码中动态修改透明度，您必须更新 KML 并将其重新发布到您的 map 。
关于javascript - 使 KML/KMZ 层透明/不透明，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5446906/