He creado un visual personalizado de PowerBI que muestra un mapa aquí con marcadores y líneas. En Chrome y Edge funciona bien, pero en Firefox el mapa base no se carga. Cuando uso el mapa base predeterminado, recibo los siguientes errores en la consola:
Tangram [error]: tile load error for tile with key 0/4/3/3/3 and id 32: undefined...Cuando uso el mapa base del terreno, recibo los siguientes errores en la consola:
Tangram [error]: Error for style group 'non-collision' for tile....He encontrado estas publicaciones de stackoverflow:
AQUÍ asigna JS API 3.1 - Error para el grupo de estilo 'sin colisión' en Angular
AQUÍ Javascript API: la capa del mapa no se carga correctamente en Safari e iOS
En ambas publicaciones, señalan la dirección en la que el javascript aún no está cargado cuando se inicializa el mapa.
Cargo el script agregando los elementos del script dinámicamente al dom y espero hasta que se cargue el script. Primero cargo mapsjs-core.js, y cuando esté cargado, cargo mapsjs-service.js, mapsjs-mapevents.js, mapsjs-ui.js y mapsjs-ui.css en paralelo. Cuando todos están cargados, creo el mapa aquí. También traté de esperar 10 segundos después de cargar todo antes de crear el mapa, pero obtengo los mismos errores. En el panel de red, no puedo ver ningún problema.
¿Alguien tiene una idea de lo que está pasando? ¡Gracias por tu ayuda!
He probado ahora el enfoque mencionado aquí-desarrollador-soporte y he agregado un iframe en mi powerbi visual con solo este simple ejemplo:
<html> <head> <meta name="viewport" content="initial-scale=1.0, width=device-width" /> <script src="https://js.api.here.com/v3/3.1/mapsjs-core.js" type="text/javascript" charset="utf-8"></script> <script src="https://js.api.here.com/v3/3.1/mapsjs-service.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div style="width: 640px; height: 480px" id="mapContainer"></div> <script> var platform = new H.service.Platform({ "apikey": "<my_key>" }); var maptypes = platform.createDefaultLayers(); var map = new H.Map( document.getElementById("mapContainer"), maptypes.vector.normal.map, { zoom: 10, center: { lng: 13.4, lat: 52.51 } }); </script>Ahora, recibo el mismo error también en Chrome:
mapsjs-core.js:425 Tangram [error]: tile load error for tile with key 0/10/275/168/9 and id 40: undefined An @ mapsjs-core.js:425 (anonymous) @ mapsjs-core.js:425