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

Question

我需要在JavaScript的Google Map API中将不透明度/ alpha设置为一层，但是可以找到一种方法来实现。 对于KmlLayer（）和GroundOverlay（）类型。

有任何想法吗？

Answer 1

如果您使用的是KML / KMZ文件，则可以使用XML信息来调整不透明度。

将您的KML / KMZ文件加载到Google Earth中，就可以将多边形上的属性设置为具有特定的颜色和不透明度。

或者，您可以直接编辑XML。 有关更多信息，请访问http://code.google.com/apis/kml/documentation/kmlreference.html#colorstyle 。

Answer 2

您是否考虑使用自定义叠加层而不是GroundOverlay？ 例如，在这里查看Google的自定义覆盖图教程，其中他们展示了如何构建功能与GroundOverlay相似的简单覆盖图。 请注意，在本节中定义的USGSOverlay.onAdd（）方法中，您可以直接访问将在叠加层中显示的<img>和包含该叠加层的<div>。 例如，要将不透明度设置为固定值（例如0.5），可以修改onAdd（）方法：

/* Set the overlay's div_ property to this DIV */
this.div_ = div;
this.div_.style.opacity = 0.5;  /* ADDED */

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

完全不同的方法是在DOM中找到<img>。 例如，以下使用jQuery的代码有效：

$("img[src='foo.png']").css('opacity',0.5);

您需要确定图像已完全加载并添加到DOM中。 我还没有弄清楚如何可靠地做到这一点。