Cómo resaltar el área en el mapa de Google al pasar el ratón por encima

Question

Quiero implementar una función en mi aplicación (con tecnología gmap) para resaltar el área sobre la que pasa el ratón. Muy parecido a la funcionalidad en wikimapia. Echa un vistazo a la foto o url

Pero no pude encontrar ninguna información sobre cómo hacer esto. Creo que necesitamos tener la información de la forma de cada lugar para resaltar el área, pero no sé cómo hacerlo. ¿Puede alguien ayudarme?

Saludos

Answer 1

Puede cargar un archivo kml que contenga sus polígonos o crear el tema dinámicamente con la ayuda de la función Clase Polígono .

He aquí una ejemplo de creación de un polígono pero la forma más sencilla es cargar un archivo kml. Sólo asegúrese de que su archivo Kml es por debajo del límite de tamaño de archivo (que puede cambiar en cualquier momento).

Por defecto en el ejemplo dado, supongo que el color de relleno es transparente, por eso es invisible. Y se obtiene el color de resaltado por eventos de registro en el ratón sobre.

A continuación, puede añadir oyentes a su objeto en mouseover / mouseout así :

google.maps.event.addListener(object,"mouseover",function() {
   // your code
});

Aquí viene un ejemplo en polilíneas pero se puede hacer de la misma manera en polígonos.