在Google地图V3中更改KML叠加层的不透明度

Question

一直在寻找一个似乎是一个相对简单的问题的解决方案。我有一个kml图层加载到谷歌地图。它作为dom输出，我已经能够识别它的位置。 我想做的只是改变不透明度。我尝试过使用简单的css定位，但这似乎不起作用。 我还尝试在javascript中调用kml层的函数中添加一个类（但是我​​对javascript的了解最多是基本的） 其他问题的答案都没有直接适用（或者至少我看不出它们会如何）

这是我的代码：在dom中添加kml层及其输出的div。

KML添加 - var geoLayer = new google.maps.KmlLayer('http://www.tijaniogunlende.com/dataviz/doc.kml'); geoLayer.setMap(map); geoLayer.addClass( "overlay" );

和DOM输出 -

顺便说一下，当我直接在chrome中编辑css时它工作正常，但由于它的内联样式我无法确定在我的代码中插入css的位置，也无法正确定位元素。在这一点上，我更喜欢一个JavaScript解决方案。

请帮助。

Answer 1

没有实现的方法返回指向包含图层元素的DOMNode的指针。

但在这种情况下，所有GroundOverlay都将从同一地址加载，您可以使用CSS属性选择器为图像应用自定义样式，例如：

img[src^="http://gisatnrel.nrel.gov/"]{
    opacity:.5;
}