Primero estoy cambiando el ícono de un marcador con .setIcon() . Luego estoy rotando el icono con:
$('img[src="https://' + thedomain + '/xplorit_common/assets/SVG/map_radar.svg"]').css({ 'transform': 'rotate(' + adj_offset_bearing + 'deg)', }); Todo funciona bien con una pequeña cantidad de marcadores. Pero cuando tengo más de 200 marcadores, el ícono no rotará. La imagen del marcador cambia, pero el atributo <img> src no cambia cuando se visualizan elementos en las herramientas de desarrollo (incluso cuando se busca map_radar.svg). Lo cual, dando vueltas hacia atrás, tiene sentido en cuanto al ícono que no gira; ya que el valor no es realmente direccionable en el DOM. Pero no tiene sentido que se vea el icono "correcto"
He golpeado a este caballo hasta matarlo y necesito información externa. ¿Algunas ideas?
optimized:false Si usa marcadores específicos con iconos personalizados con .svg , puede experimentar algunas dificultades con una gran cantidad de marcadores. Para evitar este problema, debe deshabilitar la propiedad de representación optimizada establecida de forma predeterminada cuando crea un marcador. Para hacerlo, simplemente agregue la línea optimized:false cuando configure cada uno de sus marcadores:
var marker = new google.maps.Marker({ position: myLatlng, map: myGmap, icon: {url: mySvgIconUrl}, optimized: false }); O hazlo con el método setOption() :
marker.setOptions({'optimized':false});Para obtener más información al respecto, puede consultar esta sección de la documentación.