Hay un problema con la detección cuando el mapa ha renderizado los marcadores.
He agregado un oyente al evento 'renderizar':
mapEngine.addEventListener('render', onRenderChange)y espere a que el evento devuelva el motor de mapas para saber cuándo se realiza la representación, como he visto como respuesta a una pregunta similar aquí .
function onRenderChange(evt) { if (map.getEngine() === evt.target) { //render is done } }El resultado es que el oyente devuelve el motor de mapas varias veces (alrededor de 40-45 veces para la representación de 200 marcadores y la cantidad de veces parece aleatoria con cada actualización).
Además, a veces el mapa detiene el renderizado durante algún tiempo (1-2 s) y luego continúa. Esto sucede cuando se procesan cambios en marcadores existentes (como cambiar la posición de un marcador).
¿Cuál es una forma precisa de saber cuándo se termina de renderizar el mapa?
Uso la API de mapas HERE para JavaScript v3.0 en un proyecto angular.
El icono es un único icono SVG global reutilizado para todos los marcadores. También probé con un icono PNG con los mismos resultados.
Se agrega un grupo 'markersGroup' al mapa cuando se inicializa el mapa. Los marcadores se agregan al mapa de forma masiva mediante:
markersGroup.addObjects(markersToAdd);donde markersToAdd es una matriz de marcadores (H.map.Marker).
Map JavaScript API 3.0 está en desuso. Recomendaría usar 3.1.
Por lo general, el mapa se representa una vez mientras se agregan objetos agrupados. Los 40-45 tiempos para el renderizado de un grupo de 200 marcadores parecen inusuales. No estoy seguro si es causado por Angular. ¿Podría probar la API de JavaScript 3.1? si el problema persiste, comparta los códigos del fragmento.