Javascript 如何在Google Map API中设置图层的不透明度

Javascript 如何在Google Map API中设置图层的不透明度,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,我需要在Google Map API for JavaScript中设置不透明度/alpha a层,但可以找到一种方法来实现。对于KmlLayer()和GroundOverlay()类型 有什么想法吗?如果使用KML/KMZ文件,可以使用XML信息调整不透明度 将您的KML/KMZ文件加载到Google Earth中,您将能够设置多边形的属性,使其具有特定的颜色和不透明度 或者,您可以直接编辑XML。查看更多信息。 你会考虑使用自定义覆盖而不是GoodoVLayle吗?例如,看看谷歌的自定义覆盖

我需要在Google Map API for JavaScript中设置不透明度/alpha a层,但可以找到一种方法来实现。对于KmlLayer()和GroundOverlay()类型


有什么想法吗?

如果使用KML/KMZ文件,可以使用XML信息调整不透明度

将您的KML/KMZ文件加载到Google Earth中,您将能够设置多边形的属性,使其具有特定的颜色和不透明度


或者,您可以直接编辑XML。查看更多信息。

你会考虑使用自定义覆盖而不是GoodoVLayle吗?例如,看看谷歌的自定义覆盖教程,其中他们展示了如何构建一个功能类似于地面覆盖的简单覆盖。在第节中定义的USGSOverlay.onAdd()方法中,请注意,您可以直接访问将在覆盖中显示的以及包含它的。例如,要将不透明度设置为固定值(如0.5),可以修改onAdd()方法:

由于您希望以交互方式设置不透明度,因此可能需要将setOpacity()方法添加到您自己版本的USGSOverlay类中,并将该方法挂接到合适的控件上

另一种完全不同的方法是在DOM中查找。例如,以下使用jQuery的代码可以工作:


您需要确保图像已完全加载并添加到DOM中。我还没有弄清楚如何可靠地执行此操作。

我想使用滑块以交互方式执行此操作。Flash版的API很容易做到这一点,我很惊讶JS中没有明显的东西…我本来希望有一个更简单的方法,但如果只能通过自定义层来实现,那么这就是我需要做的。。。谢谢比尔
/* Set the overlay's div_ property to this DIV */
this.div_ = div;
this.div_.style.opacity = 0.5;  /* ADDED */
$("img[src='foo.png']").css('opacity',0.5);