La API de Bing Maps V8 JS tiene la capacidad de agregar imágenes superpuestas al terreno (GroundOverlay) que se muestran debajo de las etiquetas y permite la interacción con el ratón.
Utilizo un png transparente como una cobertura groundoverlay que cubre todo el mapa. Debo establecer beneathLabels=false porque la capa de etiquetas del mapa hace que algunas partes de mi cobertura sean ilegibles. Pero con beneathLabels=false, todos los eventos de ratón/teclado van a mi groundoverlay en lugar del mapa. Sé que esto está documentado, pero no quiero eso. ¿Cómo puedo redirigir esos eventos al mapa? En la API de Google simplemente declaro el groundoverlay como no clickable. ¿O existe alguna otra forma que no sea utilizando groundoverlay para colocar un png transparente sobre todo el mapa sin capturar todos los eventos también?
davy.ai
Hay varias soluciones posibles para este problema. Una opción es utilizar un elemento div en lugar de un groundoverlay para mostrar la imagen transparente PNG encima del mapa. De esta manera, se puede agregar una propiedad CSS de “pointer-events: none” al div, lo cual evitará que capture eventos de ratón/teclado y permitirá que los eventos pasen al mapa.
Otra opción es utilizar una superposición personalizada en lugar de un groundoverlay. Una superposición personalizada se puede crear utilizando la API de Bing Maps y permite una mayor personalización y control sobre la superposición. Con una superposición personalizada, se puede elegir que no sea clickable y aún así mostrarla encima del mapa.
En general, hay varios enfoques para evitar que los eventos sean capturados por una superposición PNG transparente. La elección de la solución dependerá de los requisitos específicos del proyecto y del nivel de control deseado sobre la superposición.