Как установить непрозрачность слоев в Google Map API

Question

Мне нужно установить непрозрачность / альфа-слой в Google Map API для JavaScript, но я могу найти способ сделать это.Для обоих типов KmlLayer () и GroundOverlay ().

Есть идеи?

Answer 1

Рассматриваете ли вы использование пользовательского наложения вместо GroundOverlay?Например, взгляните на учебное пособие по пользовательскому наложению Google here , в котором показано, как создать простое наложение, похожее по функции на GroundOverlay.В методе USGSOverlay.onAdd (), определенном в этом разделе, обратите внимание, что у вас есть прямой доступ к , который будет отображаться в наложении, и к

, который его содержит.Например, чтобы установить непрозрачность на фиксированное значение, например, 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.Например, работает следующий код, который использует jQuery:

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

Вы должны быть уверены, что изображение полностью загружено и добавлено в DOM.Я не понял, как это сделать надежно.

Answer 2

Если вы используете файл KML / KMZ, вы можете отрегулировать прозрачность, используя информацию XML.

Загрузите файл KML / KMZ в Google Планета Земля, и вы сможете установить свойствана многоугольнике, чтобы иметь определенный цвет и непрозрачность.

Кроме того, вы можете редактировать XML напрямую.Посмотрите на http://code.google.com/apis/kml/documentation/kmlreference.html#colorstyle для получения дополнительной информации.