Skip To Content

Widget Swipe

El widget Swipe le permite comparar capas y mapas El widget pasa de un mapa o capa a otro moviendo o deslizando un divisor por el mapa.

Ejemplos

Use este widget para apoyar los requisitos de diseño de la aplicación como por ejemplo los siguientes:

  • Desea comparar mapas urbanos antiguos con imágenes modernas.
  • Quiere mostrar el aumento proyectado del nivel del mar sobre las ciudades costeras.
  • Desea pasar de un mapa 2D a una escena 3D de la misma ubicación.

Notas de uso

Este widget requiere la conexión a un widget Mapa. El widget Mapa debe estar conectado al menos a una fuente de datos.

Precaución:

Cualquier widget que coloque en el widget de Mapa conectado, como leyendas o gráficos, también se verá afectado por el movimiento de barrido del widget Swipe.

Cuando incluye este widget en una aplicación, el usuario recibe un conmutador para activar la herramienta de barrido. El panel de widgets también enumera todas las capas y mapas web que especifique para que se incluyan al deslizar el dedo en la configuración del widget.

Configuración

El widget Swipe incluye estos ajustes:

  • Seleccionar una plantilla: seleccione una plantilla para el widget, ya sea Simple o Avanzada. Ambas plantillas se pueden orientar vertical u horizontalmente.
    • Simple: agrega un control deslizante con un controlador que se puede arrastrar al mapa. Esto es apropiado para comparar dos cosas.
      • Seleccionar un widget Mapa: seleccione un widget Mapa.
      • Modo swipe: deslice el dedo entre las capas de un mapa o entre dos mapas o escenas. Para usar la última opción, el widget de Mapa conectado debe contener dos fuentes de datos (dos mapas, dos escenas o un mapa y una escena).
      • Personalizar la configuración: esta configuración es diferente para cada opción del Modo swipe, pero especifica para ambas qué capas aparecen en qué lado del control deslizante.
        • Swipe entre capas de un mapa: puede hacer clic en cada mapa conectado para abrir el panel Elegir capas, donde puede designar capas para que sean capas iniciales y finales. Las capas iniciales aparecen encima o a la izquierda del control deslizante, según la orientación que seleccione para el widget. Las capas finales aparecen debajo o a la derecha del control deslizante.
          Nota:

          Swipe entre capas de un mapa no admite escenas web, subcapas de capas de imágenes de mapa o capas de grupo.

        • Swipe entre mapas web o escenas web: puede hacer clic en el botón Invertir para intercambiar el orden de los dos mapas o escenas.
      • Configuración general: configure los siguientes ajustes.
        • Posición inicial del control deslizante: defina en porcentaje (%) dónde empieza el control deslizante en el mapa, es decir, el porcentaje de la altura o el ancho del mapa.
        • Color del divisor: cambie el color de la línea divisoria del control deslizante.
        • Color del controlador: cambie el color de controlador utilizado para arrastrar el control deslizante.
        • Permitir desactivar capas (aparece en Barrido entre capas de un mapa): permite a los usuarios desactivar las capas iniciales y finales en el panel del widget Swipe en tiempo de ejecución.
    • Avanzada: agregue una barra de desplazamiento en la parte inferior o la parte derecha del mapa, según la orientación que seleccione para el widget. Esto es apropiado para comparar dos o más capas, una capa a la vez. La plantilla Avanzada no admite escenas web, subcapas de capas de imágenes de mapa ni capas de grupo.
      Precaución:

      Si elige la plantilla Avanzado, evite colocar el widget Swipe en el widget Mapa conectado. Si lo hace, la funcionalidad de barrido se vuelve inoperable.

      • Seleccionar un widget Mapa: seleccione un widget Mapa.
      • Configuración personalizada: especifique las capas que se incluirán en el barrido. Puede hacer clic en cada mapa conectado para abrir el panel Elegir capas, donde puede designar capas para que se desplacen.
      • Configuración general: configure los siguientes ajustes.
        • Color del divisor: cambie el color de la línea divisoria que aparece entre las capas.
        • Permitir desactivar capas: permite a los usuarios desactivar el desplazamiento de capas en tiempo de ejecución.

La siguiente tabla enumera los tres modos de swipe y los tipos de datos que admiten.

ModoMapas WebEscenas webCapas individuales de mapas webCapas individuales de escenas web

Simple: swipe entre capas de un mapa

Sí

Simple: swipe entre mapas web o escenas web

Sí

Sí

Advanced

Sí