Tengo un problema desconcertante: estoy usando Leaflet en una página web interna para mostrar un mapa con algunas capas personalizadas.
Digamos que la página web se encuentra en el servidor interno showdata.local . Los mosaicos de mapas provienen de otro servidor interno llamado maps.local . Leaflet encuentra los mosaicos perfectamente dada la URL de mosaico adecuada http:// //maps.local /terraintiles/{z}_{x}_{y}.png . - Entonces, el JavaScript de Leaflet (que se ejecuta en el navegador) puede recuperar claramente las imágenes del servidor de mosaicos maps.local . Hasta aquí todo bien.
Ahora estoy probando algunos complementos de folletos para exportar en el cliente (es decir, el navegador) el mapa (con las capas personalizadas) como una imagen. Probé Leaflet.BigImage y leaflet -image . - Pero en ambos complementos, cuando intento exportar el mapa, obtengo errores de CORS en las URL de mosaicos. Supongo que los complementos necesitan recuperar los mosaicos nuevamente para construir un lienzo virtual con el mapa en él.
Lo que no entiendo: ¿Por qué me sale el error CORS en los complementos, pero el código JavaScript de Leaflet puede cargar los mosaicos libremente? ¿No deberían estar ambos deshabilitados si el servidor de teselas no permite CORS?
Para exportar el mapa, el complemento debe leer los datos de imagen de los archivos en JS y generar una nueva imagen. Esto necesita permiso de CORS.
Para mostrar un mosaico de mapa, Leaflet solo necesita colocar un elemento de imagen en la página y dejar que el navegador se lo muestre al usuario. Los datos de la imagen nunca tocan el JS.
Lectura adicional: XMLHttpRequest no puede cargar XXX Sin encabezado 'Access-Control-Allow-Origin'