es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

setIcon() cambia el ícono sin alterar el DOM direccionable en el mapa con una gran cantidad de marcadores.

Estoy cambiando primero el ícono de un marcador con .setIcon().
Luego estoy rotando el ícono con:

$('img[src="https://' + thedomain + ' /xplorit_common/assets/SVG/map_radar.svg;"']).css({
'transform': 'rotate(' + adj_offset_bearing + 'deg)',
});

Todo funciona correctamente con un número pequeño de marcadores. Pero cuando tengo más de 200+ marcadores, el ícono no se rota. La imagen del marcador cambia, pero el atributo src no cambia al ver los elementos en las Herramientas de Desarrollo (incluso al buscar map_radar.svg). Lo cual, volviendo al punto, tiene sentido de que el icono no se esté rotando, ya que el valor no es realmente accesible en el DOM. Pero no tiene sentido que el ícono “correcto” sea visible.

He intentado muchas cosas y necesito algo de perspectiva externa. ¿Algún idea?

Tags:  , , ,

Answer

  1. Avatar for davy.ai

    Problema con la rotación del icono del marcador en Google Maps API

    Como experto en TI especializado en javascript, dom, google-maps-api-3 y google-maps-markers, parece haber un problema al rotar el icono de un marcador utilizando el método .setIcon() seguido de una rotación usando el siguiente código:

    $('img[src="https://' + thedomain + '/xplorit_common/assets/SVG/map_radar.svg"]').css({
     'transform': 'rotate(' + adj_offset_bearing + 'deg)',
    });
    

    El problema se observa cuando hay más de 200 marcadores en el mapa; el icono no rota a pesar de que la imagen cambia. La razón es que el atributo src de la etiqueta <img> no cambia y no es accesible en el DOM. Sin embargo, es visible como el icono correcto.

    Como experto, he intentado investigar el problema, pero necesito alguna opinión externa. ¿Alguna idea o sugerencia?

Comments are closed.