Resumen
https://github.com/brianmcleer/mapswitcher-widget
El widget Cambiador de Mapas proporciona una interfaz desplegable para navegar entre diferentes aplicaciones de Experience Builder mientras se preserva la extensión y el nivel de zoom actuales del mapa. El widget captura el fragmento hash de la URL de la aplicación origen y lo añade a la URL de destino.
Nota: Una versión anterior de este widget tenía URLs codificadas en el código, lo que impedía compartirlo en la Comunidad Esri. Experience Builder 1.19 introdujo cambios incompatibles que requirieron que el widget fuera redearrollado. Esta versión permite a los administradores configurar las URLs a través del panel de configuración del widget, haciéndolo adecuado para una distribución más amplia.
Configuración
El panel de configuración del widget contiene la configuración de sitios:
Configuración de Sitios:
- Etiqueta: El nombre que aparece en el menú desplegable
- URL: La URL completa hacia la aplicación Experience Builder destino
Se pueden añadir múltiples sitios usando el botón "Agregar Sitio". Los sitios pueden eliminarse con el botón "Eliminar" para cada entrada. El widget no requiere conexión con un widget de mapa.
Funcionalidad del Widget
El widget muestra un menú desplegable con las opciones de sitios configurados. El texto del marcador dice "Seleccione mapa para ver".
Funcionalidad:
Cuando un usuario selecciona un destino del menú desplegable:
- El widget captura el fragmento hash actual de la URL (todo lo que está después del símbolo #)
- Este hash contiene parámetros del estado del mapa: coordenadas del centro, nivel de zoom, escala, rotación y referencia espacial
- El widget añade este hash a la URL destino seleccionada
- El navegador navega a la nueva aplicación
Características:
- Funciona con cualquier sistema de coordenadas (Web Mercator, State Plane, WGS84, etc.)
- Preserva el punto central, nivel de zoom y rotación
- URLs configuradas en el panel de configuración
Registro de cambios:
23/07/2026: Actualizado el widget Cambiador de Mapas para Experience Builder 1.21 para resolver errores en el editor TypeScript, incluyendo tipado de componentes React e importaciones inmutables de configuración. También se incrementó la versión del widget y la última versión ya está disponible en GitHub.
04/06/2026: Se añadieron package.json y package-lock.json al widget. Este widget no tiene dependencias externas, por lo que no hay nada extra que instalar. La configuración es simplemente ejecutar npm install en tu carpeta cliente como ya haces. Gracias a @SunshineLuke90 por la sugerencia y por guiar en el enfoque del empaquetado.
