CÓMO

¿Se puede cambiar el tamaño o la posición del widget del selector de mapas en ArcGIS Experience Builder?

Last Published: January 23, 2024

El widget de selector de mapas permite a los usuarios cambiar entre diferentes mapas dentro de una sola aplicación. Sin embargo, no es posible cambiar el tamaño o la posición del widget del selector de mapas dentro del widget Mapa en la edición estándar de ArcGIS Experience Builder. La funcionalidad no está disponible por diseño, ya que es inherente al diseño general del diseño de la herramienta de mapa.

Imagen del widget del selector de mapas dentro del widget Mapa en ArcGIS Experience Builder.

Como solución alternativa, utilice el widget Botón, Imagen o Controlador de widgets para personalizar la experiencia web y replicar la funcionalidad del widget del selector de mapas.

Note:
To use workarounds with the Button or Image widget, images of the first and second web maps are required to create the thumbnails of the image sources.

Usar el widget Botón

  1. En ArcGIS Experience Builder, haga clic en Crear nuevo, seleccione la plantilla preferida y haga clic en Crear.
  2. En el panel Insertar widget, arrastre y suelte el widget Mapa en el lienzo.
  3. En el panel Mapa, configure los siguientes ajustes.
    1. Haga clic en Seleccionar mapa. Haga clic en Agregar nuevos datos en el panel Seleccionar datos para agregar el mapa web.
Imagen del panel Mapa.
    1. Si es necesario, configure las herramientas para el mapa web en Herramientas.
    2. Haga clic en la pestaña Estilo para configurar el tamaño y la posición del widget Mapa. En este ejemplo, se selecciona la opción Tamaño completo.
  1. Haga clic en el icono Página > Agregar página para agregar una nueva página.
Imagen del icono Agregar página para crear una nueva página.
  1. Repita los pasos 2 y 3 para agregar un segundo mapa web en un nuevo widget Mapa.
  2. Vaya al primer widget Mapa de la primera página y configure los siguientes ajustes.
    1. Haga clic en la pestaña Acción > Acción de mensaje > Agregar un desencadenador.
Imagen del botón 'Agregar un desencadenador'.
    1. Haga clic en Cambios de extensión > Mapa 2 > Desplazarse a.
Imagen de la acción "Desplazarse a" que se agrega como desencadenador.
    1. Haga clic en Agregar acción > Mapa 2 > Acercar.
  1. Vaya al segundo widget Mapa de la segunda página y repita el paso 6 con Mapa en lugar de Mapa 2.
La imagen de las acciones "Desplazarse a" y "Acercar" se agrega como desencadenadores al primer mapa.
  1. En la primera página, arrastre y suelte el widget Imagen del widget Botón. Botón del panel Insertar widget en la posición deseada en el widget Mapa.
  1. En el panel Botón, configure los siguientes ajustes.
    1. Haga clic en Establecer vínculo, en Vincular a, seleccione Página en el menú desplegable. En Seleccionar una página, seleccione la segunda página del paso 4. Haga clic en Aceptar.
    2. Edite las secciones Información sobre herramientas y Texto si es necesario. Active la opción Avanzado.
    3. En Predeterminado, haga clic en Examinar junto a Imagen. Cargue la imagen del segundo mapa que se establecerá como vista en miniatura del botón. Configure los otros ajustes de Fondo.
  2. Repita los pasos 8 y 9 para agregar otro widget Botón al widget Mapa en la segunda página. Vincule la primera página y cargue la primera imagen de mapa como vista en miniatura del segundo botón.
  3. Haga clic en Guardar > Publicar. Obtenga una vista previa de la experiencia web.
Imagen del widget Botón que se utiliza para replicar la funcionalidad del widget del selector de mapas.

Usar el widget Imagen

  1. Siga los pasos del 1 al 7 de la solución alternativa anterior.
  2. En la primera página, arrastre y suelte el widget Imagen del widget Imagen. Imagen del panel Insertar widget en la posición deseada en el widget Mapa.
  3. En el panel Imagen, configure los siguientes ajustes.
    1. En Origen de la imagen, haga clic en Seleccionar una imagen para agregar la segunda imagen del mapa.
    2. Haga clic en Establecer vínculo, en Vincular a, seleccione Página en el menú desplegable. En Seleccionar una página, seleccione la segunda página. Haga clic en Aceptar.
    3. Edite las secciones Información sobre herramientas y Texto alternativo si es necesario.
Imagen de las configuraciones del widget Imagen.
  1. Repita los pasos 2 y 3 para agregar otro widget Imagen al widget Mapa en la segunda página. Agregue la primera imagen del mapa y vincule la primera página.
  2. Haga clic en Guardar > Publicar. Obtenga una vista previa de la experiencia web.
Imagen del widget Imagen que se utiliza para replicar la funcionalidad del widget del selector de mapas.

Usar el widget Controlador de widgets

  1. Siga los pasos del 1 al 3 de la primera alternativa.
  2. En el panel Insertar widget, arrastre y suelte el widget Imagen del widget Controlador de widgets. Controlador de widgets en la posición deseada del widget Mapa.
  3. Arrastre y suelte un nuevo widget Mapa en el widget Controlador de widgets existente. Agregue el segundo mapa web al nuevo widget.
  4. Vaya al primer widget Mapa y configure los siguientes ajustes.
    1. Haga clic en la pestaña Acción > Acción de mensaje > Agregar un desencadenador.
    2. Haga clic en Cambios de extensión > Mapa 2 > Desplazarse a.
    3. Haga clic en Agregar acción > Mapa 2 > Acercar.
  1. Vaya al segundo widget Mapa y repita el paso 4 con Mapa en lugar de Mapa 2.
  2. Haga clic en el widget Controlador de widgets para abrir el panel Controlador de widgets.
  3. En el panel Controlador de widgets, configure los siguientes ajustes.
    1. En Disposición de paneles del widget, seleccione la opción Fijo.
    2. En Posición y tamaño, haga clic en px para seleccionar % para An. y Al. Edite el tamaño deseado correspondiente a An. y Al. En este ejemplo, ambos se establecen en el 100 % para una visualización a tamaño completo del widget Mapa.
    3. Configure los ajustes necesarios y haga clic en Guardar > Publicar.
Imagen de las configuraciones del widget Controlador de widgets.
  1. Obtenga una vista previa de la experiencia web.
Imagen del widget Controlador de widgets que se utiliza para replicar la funcionalidad del widget del selector de mapas.
Note:
Alternatively, use the ArcGIS Experience Builder Developer Edition to customize the Map widget. Refer to ArcGIS Developers: Getting started with widget development and ArcGIS Developers: Widget implementation for more information.

Id. de artículo: 000031819

Obtenga soporte con IA

Resuelva su problema rápidamente con el chatbot de inteligencia artificial de soporte de Esri.

Empieza a chatear ahora

Información relacionada

Descubrir más sobre este tema

Obtener ayuda de expertos en ArcGIS

Contactar con el soporte técnico

Empieza a chatear ahora

Ir a opciones de descarga