Configurar un mapa web y usarlo para crear un cuadro de mando

En primer lugar, configurará un mapa web que sirva como base del cuadro de mando. Empezará por un mapa web preexistente, que ya contenga las ubicaciones de estaciones de carga de vehículos eléctricos. Guardará una copia del mapa en su cuenta de ArcGIS para poder editarlo y crear un cuadro de mando a partir del mapa.

Configurar un mapa web

Empezará por configurar elementos emergentes en el mapa, que se reutilizarán más tarde en el cuadro de mando.

  1. Abra el mapa web de estaciones de carga eléctrica de Canadá.
  2. Haga clic en Iniciar sesión e inicie sesión con su cuenta de organización de ArcGIS.
    Nota:

    Si no tiene una cuenta de organización, consulte las opciones de acceso a software.

    Aparece un mapa que muestra las estaciones de carga para vehículos eléctricos de Canadá. Guardará una copia de este mapa antes de continuar.

    Mapa con puntos azules

  3. Si es necesario, en la barra de herramientas Contenido (oscura), en la parte inferior, haga clic en el botón Expandir.

    Botón Expandir

  4. Haga clic en Guardar y abrir y elija Guardar como.

    Opción Guardar como del menú Guardar y abrir

  5. En la ventana Guardar mapa, para Título, agregue su nombre o sus iniciales al final del texto existente.
    Nota:

    No puede crear dos capas en una organización de ArcGIS con el mismo nombre. Agregar sus iniciales a un nombre de capa garantiza que otras personas de su organización también puedan completar este tutorial. Una vez que se haya creado una capa, puede cambiar su nombre en el mapa para eliminar sus iniciales, lo que no afectará al nombre de la capa de datos subyacente.

    Campo Título de la ventana Guardar mapa

  6. Haga clic en Guardar.

    La copia del mapa ahora está lista para su edición. Empezará por ver las capas disponibles para saber qué datos están disponibles cuando cree el cuadro de mando.

  7. En la barra de herramientas Contenido, haga clic en Capas para abrir el panel Capas.

    Panel Capas

    Las tres capas se enumeran en el panel Capas. Las estaciones de carga eléctrica son los puntos azules visibles en el mapa. Estos datos provienen del Gobierno de Canadá, Recursos Naturales de Canadá, a través de ArcGIS Living Atlas of the World y contienen información sobre ubicaciones y atributos de estaciones de carga de vehículos eléctricos. Son los datos principales que utilizará para crear su cuadro de mando.

    La capa Servicios de OpenStreetMap para Norteamérica no está visible en el mapa porque está configurada para que solo aparezca a grandes escalas. Acercará la imagen para ver esta capa.

  8. En el mapa, acérquese hasta que aparezcan más símbolos en el mapa.

    Mapa con símbolos de servicios

    La capa OpenStreetMap agrega contexto a los usuarios cuando buscan una estación de carga. Dado que la carga de los vehículos lleva tiempo, la proximidad de servicios como restaurantes, tiendas o bibliotecas puede hacer que la estación sea más atractiva. La capa de servicios solo aparece cuando un usuario acerca la imagen para que el mapa no se sobrecargue con información.

    La tercera capa, Provincias y Territorios de Canadá, está desactivada. Utilizará esta capa más adelante para configurar acciones espaciales en el cuadro de mando. Los usuarios no necesitarán ver los límites, de modo que la capa nunca estará visible en el mapa, pero tenerla presente permitirá a los usuarios filtrar las estaciones de carga por provincia.

    A continuación, configurará elementos emergentes para la capa Estaciones de carga eléctrica.

  9. En el panel Capas, haga clic en la capa Estaciones de carga eléctrica para seleccionarla.
  10. Expanda la barra de herramientas Configuración (clara) y haga clic en Elementos emergentes.

    Elementos emergentes

    Aparece un elemento emergente de muestra sobre el mapa.

    Elemento emergente de muestra

    Los elementos emergentes son útiles para resumir una entidad de mapa. De forma predeterminada, muestran todos los campos de una entidad y sus valores. En el elemento emergente actual figuran muchos campos, muchos de ellos vacíos. Los elementos emergentes de esta capa estarán visibles en el cuadro de mando que cree, así que los configurará para que solo incluyan la información que necesite alguien que busque una estación de carga.

  11. En el panel Elementos emergentes, haga clic en Título y confirme que el campo esté en blanco.

    Campo Título vacío del panel Elementos emergentes

    Configurará el título de la entidad en el cuadro de mando en lugar del elemento emergente.

  12. Haga clic en Lista de campos y haga clic en Seleccionar campos.
  13. En la ventana Seleccionar campos, haga clic en Anular selección de todo para borrar todos los campos.
  14. Haga clic en el campo Nombre de estación para seleccionarlo.

    Nombre de estación seleccionado en la ventana Seleccionar campos

    Aparece una marca de verificación junto al campo y el campo aparece en la ventana emergente de muestra.

    Vista previa del elemento emergente con una fila

  15. En la ventana Seleccionar campos, haga clic en Campos de búsqueda y escriba Conectores de VE. En los resultados de búsqueda, haga clic en el campo Conectores de VE para seleccionarlo y agréguelo al elemento emergente.

    Conectores de VE seleccionados en la ventana Seleccionar campos

  16. Busque y agregue los siguientes campos:
    • Dirección
    • Teléfono de estación
    • Precios para VE
    • Acceso
    • Acceso Días Hora
    • Tarjetas aceptadas
    • Fecha de la última confirmación
  17. Haga clic en Hecho.

    El elemento emergente de muestra contiene nueve campos. Aparecen en el orden en que se agregaron.

    Elemento emergente de muestra con nueve filas

  18. Cierre el panel Elementos emergentes.

Crear un cuadro de mando a partir del mapa web

A continuación, guardará el mapa web y creará un cuadro de mando a partir de él.

  1. En el mapa, haga clic en el botón Vista de mapa predeterminada para volver a la vista de mapa predeterminada.

    Botón Inicio en el mapa

    Al guardar el mapa, la extensión actual en el momento de guardarlo se convierte en la nueva vista de mapa predeterminada. Esta extensión predeterminada es lo que los usuarios verán primero cuando vean el cuadro de mando.

  2. En la barra de herramientas Contenido, haga clic en Guardar y abrir seguido de Guardar para guardar el mapa.
  3. En la barra de herramientas Contenido, haga clic en Crear aplicación y luego en Cuadros de mando.

    Opción Cuadros de mando del menú Crear aplicación

  4. En la ventana Crear nuevo cuadro de mando, introduzca la siguiente información:
    • En Título, escriba Estaciones de carga de vehículos.
    • En Etiquetas, escriba vehículos eléctricos y pulse Intro.
    • En Resumen, elimine el texto existente y escriba Este cuadro de mando permite buscar estaciones de carga de vehículos eléctricos cerca de usted.
  5. Haga clic en Crear cuadro de mando.

    Aparece el nuevo cuadro de mando. Tiene un elemento: el mapa web que configuró anteriormente, que ocupa todo el espacio del cuadro de mando.

Ha creado un cuadro de mando a partir de un mapa web. Hasta ahora, no se diferencia del mapa, pero ahora agregará y configurará elementos que proporcionen más información sobre las estaciones de carga que se muestran en el mapa.


Configurar elementos de información del cuadro de mando

Creará un cuadro de mando que permite a los usuarios ver la ubicación de todas las estaciones de carga de Canadá. Agregará un encabezado con un título, un indicador que muestre el número total de estaciones, una tabla que enumere estaciones de un área seleccionada y detalles (de los elementos emergentes configurados) acerca de las estaciones seleccionadas.

Agregar un encabezado

El primer elemento que agregará al cuadro de mando es un encabezado. El encabezado actúa como título del cuadro de mando. Más adelante en el tutorial, también configurará el encabezado para incluir selectores.

  1. En la parte inferior de la barra de herramientas del cuadro de mando, haga clic en el botón Expandir.
  2. En la barra de herramientas, haga clic en el botón Vista para abrir el panel Vista.

    Panel Diseño

    Puede organizar todos los elementos del cuadro de mando en este panel.

  3. Haga clic en la pestaña Encabezado y en Agregar encabezado.

    Pestaña Encabezado y botón Agregar encabezado

    Aparece la ventana de configuración Encabezado, que muestra los ajustes a la izquierda y una vista previa a la derecha.

  4. En Título, escriba Estaciones de carga de vehículos eléctricos.

    Campo Título en la ventana de configuración Encabezado

    El elemento de encabezado incluye un menú con una opción de cierre de sesión de forma predeterminada. Dado que este cuadro de mando está destinado a ser utilizado por el público, no es necesario que los usuarios inicien ni cierren sesión. Eliminará este menú.

  5. Expanda la sección Vínculos de menú y desactive Cerrar sesión.

    Opción Cerrar sesión desactivada

  6. Haga clic en Hecho.

    El encabezado aparece sobre el mapa en el cuadro de mando.

    Mapa con encabezado

Agregar un indicador para las estaciones operativas

El siguiente elemento que agregará es un indicador que resume el número de estaciones de carga operativas de Canadá. Más adelante en el tutorial, configurará el indicador para que el número que aparezca dependa de los filtros elegidos por el usuario.

  1. En la barra de herramientas, haga clic en Agregar elemento.

    Agregar elemento

    Cuando el botón Agregar elemento se vuelve azul, los colores del mapa desaparecen y aparecen los botones Agregar en los bordes del mapa. Puede agregar elementos a través del panel Diseño, como hizo con el encabezado, pero con el método Agregar elemento puede especificar la posición de los elementos a medida que los agrega.

  2. Debajo del mapa, haga clic en el botón Agregar y en Indicador.

    Indicador del menú Agregar elemento

    En la ventana Seleccionar una capa, se le pedirá que elija cuáles de las capas del mapa proporcionarán los datos para el indicador.

  3. En la ventana Seleccionar una capa, haga clic en Estaciones de carga eléctrica.

    Estaciones de carga eléctrica en la ventana Seleccionar una capa

    Aparece una vista previa del indicador.

    Vista previa del indicador

    De forma predeterminada, el valor de un indicador es el recuento de entidades de la fuente de datos. En este caso, el valor es el número total de estaciones operativas de todo Canadá. Dado que esta capa recibe actualizaciones cada día, es posible que la vista previa muestre un número distinto al de las imágenes de este tutorial.

    El indicador no tiene contexto para explicar el significado del número. Agregará etiquetas para explicar su significado.

  4. Haga clic en la pestaña Indicador. En Texto inferior, escriba Estaciones operativas.

    Pestaña Indicador y campo Texto inferior

  5. Haga clic en Agregar icono.
  6. Expanda Varios y haga clic en la marca de verificación en un icono de círculo.

    Icono de marca de verificación del grupo Varios

  7. Haga clic en Aceptar.
  8. En el panel Opciones de indicador, asegúrese de que Posición esté establecido en Izquierda.

    En la vista previa, el icono aparece junto al número. Cambiará su color para que coincida con los símbolos del mapa.

  9. Haga clic en el color de Relleno. En Hex, escriba 005ce6 y pulse Intro.
  10. Expanda la sección Formato de valor y desactive Prefijo de unidad.

    La vista previa muestra ahora el número exacto de estaciones en lugar de un número redondeado.

    Vista previa del indicador con icono de marca de verificación

    Más adelante, conectará el elemento indicador con otros del cuadro de mando para que el número pueda cambiar en función de los filtros que el usuario aplique. Por ahora, asignará al elemento indicador un nombre significativo para que le resulte más fácil identificarlo más adelante al configurar acciones.

  11. Haga clic en la pestaña General.
  12. En el campo Nombre, escriba Indicador de estaciones operativas.
  13. Haga clic en Hecho.

    El elemento de indicador aparece en el cuadro de mando debajo del mapa. Es demasiado grande, pero su tamaño cambiará cuando agregue más elementos.

Agregar una tabla

Una tabla es útil para mostrar campos y valores de los datos de una forma organizada. En un cuadro de mando interactivo, una tabla también puede ser el origen de una acción. Por ejemplo, en el cuadro de mando, los usuarios seleccionarán estaciones en la tabla para ver más detalles. Configurará una tabla para mostrar algunos campos clave que proporcionarán a los usuarios una descripción general rápida de una estación antes de que elijan más información sobre ella.

  1. En la barra de herramientas, haga clic en Agregar elemento.
  2. Apunte al elemento indicador.

    Aparecen nuevos botones Agregar sobre el indicador.

  3. Haga clic en el botón Agregar en el lado izquierdo del indicador. Haga clic en Tabla.

    Tabla del menú Agregar elemento

  4. En la ventana Seleccionar una capa, haga clic en Estaciones de carga eléctrica.

    Aparece la ventana de configuración Tabla.

  5. En Tipo de tabla, elija Entidades.
  6. En Campos de valores, haga clic en Agregar campo y elija Nombre_de_estación.

    Nombre de estación del menú Agregar campo

    El campo Nombre de estación aparece en la lista Campos de valores y como primera columna de la tabla de vista previa.

    Vista previa de tabla con una columna

    La sección Campos de valores determina las columnas de la tabla, donde cada fila representa una entidad individual.

  7. Haga clic en Agregar campo cuatro veces más y agregue los siguientes campos:
    • Dirección_de_calle
    • Ciudad
    • ZIP
    • Tipo_de_instalación

    La tabla de vista previa se actualiza para incluir los nuevos campos.

  8. Haga clic en la pestaña Tabla y active Franja de fila.

    Franja de fila activada

    Las filas de la tabla de vista previa ahora alternan entre blanco y gris claro, lo que facilita la lectura de la tabla.

    A continuación, configurará la apariencia del encabezado de la tabla para que destaque más en el cuadro de mando.

  9. Haga clic en la pestaña Encabezado.
  10. En la sección Sobreescribir etiqueta, elimine el guion bajo de las etiquetas, para que las etiquetas sean Nombre de estación, Dirección de calle y Tipo de instalación.
  11. Cambie el valor de Color de texto a #ffffff. Cambie el valor de Color de fondo a #004da8.

    El encabezado de la tabla cambia a un color azul oscuro con texto blanco.

    Vista previa de tabla con cuatro columnas y un encabezado azul

    El área visual de la tabla ya está configurada. A continuación, asignará un nombre a la tabla para que resulte más fácil de identificar posteriormente cuando configure acciones.

  12. Haga clic en la pestaña General. En el campo Nombre, escriba Tabla de estaciones.

    Puesto que va a configurar esta tabla para que solo muestre información después de que un lector haya seleccionado al menos una ubicación, también configurará texto para que se muestre cuando no haya una selección para la tabla.

  13. Expanda la sección Ninguna selección y, junto a Etiqueta haga clic en Editar.
  14. En el editor de texto, haga clic en el botón Formato y seleccione Encabezado 3.

    Formato establecido en Encabezado 3 en el editor de texto

  15. En el editor de texto, escriba Seleccionar una provincia para empezar a ver las estaciones.
  16. Haga clic en Hecho.

    La tabla aparece junto al indicador del cuadro de mando.

    Cuadro de mando con tabla

Agregar un elemento de detalles

El elemento de detalles muestra información sobre las entidades. Lo utilizará para mostrar el contenido del elemento emergente de las estaciones de carga, que configuró anteriormente en el mapa web.

  1. En la barra de herramientas, haga clic en Agregar elemento.
  2. Haga clic en el botón Agregar de la izquierda del cuadro de mando y en Detalles.

    Detalles del menú Agregar elemento

  3. En la ventana Seleccionar una capa, elija Estaciones de carga eléctrica.

    Aparece una vista previa del elemento de detalles. Muestra los mismos campos que configuró anteriormente para el elemento emergente.

  4. Haga clic en la pestaña General. En Nombre, escriba Detalles de la estación.
  5. En Título, haga clic en Editar.
  6. Haga clic en el botón Formato y elija Encabezado 2. Escriba Detalles de la estación.

    Editor de texto

    El título aparece en la vista previa.

    Vista previa del elemento de detalles

  7. Expanda la sección Ninguna selección. En Etiqueta, haga clic en Editar.
  8. Haga clic en el botón Formato y elija Encabezado 3. Escriba Seleccione una estación para ver los detalles.

    Este mensaje aparecerá en el elemento de detalles cuando no se seleccione ninguna estación.

  9. Haga clic en Hecho.

    El panel de detalles aparece en el cuadro de mando, a la izquierda del resto de elementos. Ocupa la mitad del ancho del cuadro de mando.

  10. Arrastre el borde derecho del panel de detalles hasta que ocupe aproximadamente el 25 por ciento del ancho del cuadro de mando.

    Borde del elemento de detalles establecido en 25,2 por ciento

El cuadro de mando ahora está configurado con un mapa, un encabezado, un indicador, una tabla y un elemento de detalles. A continuación, dará a los usuarios la posibilidad de filtrar los datos del cuadro de mando.


Configurar selectores de cuadro de mando

Ahora mismo, el cuadro de mando muestra información sobre todas las estaciones de carga de Canadá. Sin embargo, la mayoría de usuarios no necesitarán información sobre las estaciones de otra ciudad o de una provincia diferente. También están interesados en estaciones que tienen el tipo de conector adecuado para su coche.

A continuación, agregará tres selectores para que los usuarios puedan restringir la búsqueda de estaciones por provincia, ciudad y tipo de conector. Los selectores filtrarán el cuadro de mando para mostrar solo la información relevante para el usuario.

Agregar un selector de provincias

El primer selector que agregue permitirá a los usuarios elegir una provincia o territorio. El selector también será la primera interacción que los usuarios tendrán con el cuadro de mando.

  1. En caso necesario, en la barra de herramientas haga clic en el botón Vista para abrir el panel Vista.
  2. En el panel Vista, haga clic en la pestaña Encabezado. Haga clic en Agregar selector y en Selector de categorías.

    Selector de categorías del menú Agregar selector

    Configurará este selector para que sea una lista desplegable de todas las provincias y territorios de Canadá. Tiene una capa en el mapa que representa provincias y territorios, así que creará las categorías del selector a partir de las entidades de esta capa.

  3. En Categorías de, elija Entidades.
  4. En la ventana Seleccionar una capa, haga clic en Provincias y territorios de Canadá.

    Provincias y territorios de Canadá en la ventana Seleccionar una capa

  5. En Plantilla de elemento de línea, haga clic en el botón Agregar campo y elija PRENOMBRE.

    PRENOMBRE del menú Plantilla de elemento de línea

    PRENOMBRE es la abreviatura del nombre en inglés de la provincia. La vista previa se actualiza para mostrar el nombre de la provincia.

    Vista previa del selector

  6. Haga clic en la pestaña Selector. En Etiqueta, escriba Seleccione una provincia.

    El texto de la vista previa se actualiza.

  7. Haga clic en Agregar icono.
  8. Expanda la sección Hub y haga clic en el icono Límites.

    Icono Límites del grupo Hub

  9. Haga clic en Aceptar.
  10. Active Mostrar búsqueda.
  11. Haga clic en la vista previa.

    Aparece la lista de provincias. En la parte superior se encuentra una barra de búsqueda que permite buscar en la lista con texto.

    Vista previa del selector con filtro

    Agregará a esta lista un elemento que permita a los usuarios no seleccionar ninguna provincia o territorio.

  12. Active Ninguna opción. En Etiqueta de ninguna, escriba Ninguna provincia seleccionada.

    Ninguna opción activada

    La vista previa se actualiza para mostrar el nuevo texto.

  13. Expanda la sección General. En Nombre, escriba Selector de provincias.
  14. Haga clic en Hecho.

    El selector de provincias aparece en el encabezado del cuadro de mando, encima del mapa.

    Encabezado del cuadro de mando con selector

Agregar un selector de ciudades

El segundo selector que agregará es un selector de ciudades. Este selector permitirá a los usuarios filtrar las estaciones de carga en función de una ciudad o un pueblo concretos.

  1. En el panel Vista, en la pestaña Encabezado, haga clic en Agregar selector y elija Selector de categorías.

    En el último selector, creó categorías a partir de entidades. Esta vez, no tiene ninguna entidad que represente ciudades. Sin embargo, puede configurar el selector para que muestre todos los valores encontrados en el campo Ciudad de la capa Estaciones de carga eléctrica. Puede hacerlo con la opción Valores agrupados.

  2. En la sección Categorías de, elija Valores agrupados.

    Opción Valores agrupados

  3. En la ventana Seleccionar una capa, elija Estaciones de carga eléctrica.
  4. En Campo de categoría, elija Ciudad.

    El campo Ciudad también se agrega a la sección Ordenar por. Esto ordenará las ciudades alfabéticamente en el selector para que sea más fácil encontrarlas.

    Campo Ciudad en la lista Ordenar por

    Categorías máximas se configura en 50, lo que significa que en el selector solo aparecerán las primeras 50 ciudades. Existen más de 50 ciudades y pueblos en la mayoría de provincias, por lo que aumentará este límite.

  5. En Categorías máximas, escriba 350.
  6. Haga clic en la pestaña Selector. En Etiqueta, escriba Seleccione una ciudad.

    La nueva etiqueta aparece en la vista previa.

    Vista previa del selector

  7. Haga clic en Agregar icono.
  8. Expanda la sección Hub, elija el icono Ciudad y haga clic en Aceptar.

    Icono de ciudad en el grupo Hub

    El icono aparece en la vista previa. A continuación, se asegurará de que los usuarios puedan elegir más de una ciudad a la vez.

  9. En Selección, elija Varios. En Texto de marcador de posición, escriba Ninguna ciudad seleccionada.

    Texto del marcador de posición y selección establecidos en Varios

  10. Active los botones de alternancia correspondientes a Mostrar búsqueda y Mostrar restablecimiento y seleccionar todo.
  11. Haga clic en la vista previa para expandir la lista de ciudades.

    Vista previa del selector con los botones Restablecer y Seleccionar todo

    Los botones Restablecer y Seleccionar todo aparecen debajo de la lista. Estas herramientas pueden ayudar a los usuarios a interactuar con las listas más largas más fácilmente.

  12. En la parte inferior del panel, expanda la sección General.
  13. En Nombre, escriba Selector de ciudades.
  14. Haga clic en Hecho.

    El nuevo selector aparece en el encabezado del cuadro de mando.

    Encabezado con dos selectores

Agregar un selector de conectores

El último selector que agregará permitirá a los usuarios elegir un tipo de conector que sea compatible con su vehículo. El selector se utilizará para filtrar otros elementos a fin de que solo se muestren las estaciones con el tipo de conector seleccionado.

  1. En el panel Vista, en la pestaña Encabezado, haga clic en Agregar selector y elija Selector de categorías.
  2. En Categorías de, elija Valores agrupados.
  3. En la ventana Seleccionar una capa, elija Estaciones de carga eléctrica.
  4. En Campo de categoría, elija EV_Connector_Types.

    Campo de categoría establecido en Tipos de conectores de VE

  5. Haga clic en la pestaña Selector.
  6. En el campo Etiqueta, escriba Seleccione el tipo de conector.
  7. Haga clic en Agregar icono.
  8. Expanda la sección Puntos de interés, seleccione el icono de la estación de repostaje y haga clic en Aceptar.

    Icono de estación de repostaje en el grupo Puntos de interés

  9. En Selección, elija Varios.
  10. En Texto del marcador de posición, escriba Ningún conector seleccionado.
  11. Active Mostrar búsqueda y Mostrar restablecimiento y seleccionar todo.

    Mostrar filtro y Mostrar restablecimiento y seleccionar todo activados

  12. Expanda la sección General. En el campo Nombre, escriba Selector de conectores.
  13. Haga clic en Hecho.

    Encabezado con tres selectores

Ahora están configurados los tres selectores. Sin embargo, todavía no se pueden usar para filtrar los datos del cuadro de mando. A continuación, configurará acciones para conectar todos los elementos del cuadro de mando de modo que los usuarios puedan adaptar el cuadro de mando según sus necesidades.


Configurar acciones

Al crear un cuadro de mando interactivo, se recomienda configurar primero todos los elementos y, a continuación, configurar las acciones que los conectan y hacer interactivo el cuadro de mando. Se recomienda crear el cuadro de mando en este orden porque las acciones disponibles vienen determinadas por la configuración de cada elemento.

Ahora que todos los elementos del cuadro de mando están configurados, puede configurar la interactividad del cuadro de mando con acciones.

Configurar acciones para el selector de provincias

En primer lugar, configurará acciones para el selector de provincias. Los selectores son los principales usuarios de interacción que tendrán con el cuadro de mando. Permiten a los usuarios adaptar las estaciones que ven a su ubicación y tipo de conector. El nivel más alto de filtrado provendrá del selector de provincias, que filtrará los otros selectores y el elemento de tabla.

  1. En caso necesario, en la barra de herramientas haga clic en el botón Vista para abrir el panel Vista. Haga clic en la pestaña Encabezado.
  2. Apunte al Selector de provincias. Haga clic en el botón de opciones y en Configurar.

    Configurar del menú Opciones

    Aparece la ventana de configuración Selector de categorías.

  3. Haga clic en la pestaña Acciones.

    Puede configurar una acción Filtro,Destacar,Mostrar elemento emergente,Desplazamiento panorámico o Zoom para que se realice al seleccionar una nueva provincia.

    Pestaña Acciones

    La primera acción que va a configurar es una acción de filtro. Cuando los usuarios seleccionen una provincia en el selector de provincias, filtrará el selector de ciudades para mostrar solo las ciudades de esa provincia.

  4. Haga clic en Filtro para expandir esta sección.
  5. Active Selector de ciudades.

    Las acciones conectan dos elementos diferentes. Se configuran en el elemento que está desencadenando la acción (en este caso, el selector de provincias), en lugar del elemento que responde a la acción (en este caso, el selector de ciudades).

    Dado que los dos elementos tienen fuentes de datos diferentes, debe conectarlos con campos coincidentes. Afortunadamente, ambas capas contienen campos con abreviaturas de provincia con el mismo formato.

  6. En Campo de origen, elija Abreviatura postal de provincia. En Campo de destino, elija Estado.

    Parámetros de filtro

    Configurará más acciones para que el mapa, el indicador y la tabla también se filtren al seleccionar una provincia.

  7. En Estaciones de carga eléctrica de Canadá, active la acción de filtrado de Estaciones de carga eléctrica. Establezca Campo de origen en Abreviatura postal de provincia y Campo de destino en Estado.

    Parámetros de acción

  8. Active la acción de filtro correspondiente al Indicador de estaciones operativas y la Tabla de estaciones. Para cada uno de estos elementos, establezca Campo de origen como Abreviatura postal de provincia y Campo de destino como Estado.

    La tabla no es muy útil cuando muestra todas las estaciones de Canadá. Lo configurará para que solo muestre información cuando se seleccione una provincia.

  9. En la sección Tabla de estaciones, active la casilla de verificación Representar solo al filtrar.

    Representar solo al filtrar activado

    Agregará una acción más al selector de provincias para que el mapa se acerque a la provincia seleccionada.

  10. Expanda la sección Zoom y active Estaciones de carga eléctrica de Canadá.

    Estaciones de carga eléctrica de Canadá activado

  11. Haga clic en Hecho.

    El cuadro de mando tiene el mismo aspecto que antes, excepto que la tabla se ha reemplazado por un mensaje.

    Cuadro de mando con tabla vacía

    Comprobará que las acciones que configuró funcionan de la forma esperada.

  12. En el encabezado, haga clic en Seleccionar una provincia y elija Isla del Príncipe Eduardo.

    El mapa se acerca a la Isla del Príncipe Eduardo. La tabla se llena solo con estaciones de carga de esta provincia. El elemento indicador muestra un número menor que antes.

  13. En el encabezado, haga clic en Seleccionar una ciudad.

    Selector con lista de ciudades

    Solo se enumeran las ciudades y los pueblos de la Isla del Príncipe Eduardo en los que hay estaciones de carga.

Configurar acciones para los selectores de ciudades y conectores

A continuación, configurará acciones para los otros dos selectores. El selector de ciudades filtrará aún más el resultado del selector de conectores, el mapa, el indicador y la tabla. El selector de conectores filtrará aún más el mapa, el indicador y la tabla.

  1. En el panel Vista, apunte a Selector de ciudades y haga clic en el botón de opciones seguido de Configurar.

    Configurar del menú Opciones

  2. Haga clic en la pestaña Acciones.

    El selector de ciudades se creó con valores agrupados (en lugar de entidades), de modo que el único tipo de acción disponible es Filtro.

  3. Expanda la sección Filtro.
  4. Active Selector de conectores,Estaciones de carga eléctrica,Indicador de estaciones operativas y Tabla de estaciones.

    Cuatro elementos activados

    No es necesario definir campos coincidentes esta vez porque todos los elementos conectados se basan en la misma capa: Estaciones de carga eléctrica de Canadá.

  5. Haga clic en Hecho.

    Por último, configurará las acciones del selector de conectores.

  6. En el panel Diseño, apunte a Selector de conectores y haga clic en el botón de opciones seguido de Configurar.
  7. Haga clic en la pestaña Acciones y expanda la sección Filtro.
  8. Active Estaciones de carga eléctrica,Indicador de estaciones operativas y Tabla de estaciones.

    Tres elementos activados

  9. Haga clic en Hecho.

    Comprobará que las acciones se comportan de la forma esperada.

  10. Si es necesario, haga clic en Seleccionar una provincia en el encabezado y elija Isla del Príncipe Eduardo.
  11. Haga clic en Seleccionar una ciudad y elija Charlottetown.

    El mapa, la tabla y el indicador se actualizan para mostrar menos estaciones.

    Mapa, indicador y tabla filtrados

  12. En el encabezado, haga clic en Seleccionar tipo de conector.

    Lista de tipos de conector filtrada

    La lista tiene menos opciones que antes.

  13. En el selector de conectores, haga clic en TESLA.

    El mapa, la tabla y el indicador se actualizan para mostrar menos estaciones.

Configurar acciones de la tabla

Las últimas acciones que configurará están en la tabla. La tabla solo se rellena una vez que se selecciona una provincia en el encabezado. Del mismo modo, se asegurará de que el elemento de detalles solo se rellene cuando se seleccione una estación en la tabla. De lo contrario, los lectores verán los detalles de las estaciones que probablemente no sean importantes para ellos. Cuando no haya ninguna selección en la tabla, se mostrará el mensaje que configuró anteriormente.

  1. En el panel Vista, haga clic en la pestaña Cuerpo.
  2. En la pestaña Cuerpo, apunte a la Tabla de estaciones y haga clic en el botón de opciones seguido de Configurar.

    Configurar del menú Opciones

  3. En la ventana de configuración Tabla, haga clic en la pestaña Acciones y expanda la sección Filtro.
  4. Active Detalles de la estación y la casilla de verificación Representar solo al filtrar.

    Detalles de estaciones activado

    También configurará una acción que haga que las entidades destaquen en el mapa cuando se seleccionen en la tabla.

  5. Expanda la sección Destacar y active Estaciones de carga eléctrica de Canadá.

    Agregará una acción más para hacer que el mapa se acerque a la entidad seleccionada.

  6. Expanda la sección Zoom y active Estaciones de carga eléctrica de Canadá.
  7. Haga clic en Hecho.
  8. En el cuadro de mando, haga clic en cualquier fila de la tabla.

    Entidad seleccionada en la tabla, elemento de detalles y mapa

    El elemento de detalles se rellena con la información del elemento emergente de la entidad seleccionada. El mapa se acerca a la entidad seleccionada, que se destaca.

Compartir el cuadro de mando

Por último, compartirá el cuadro de mando para verlo.

  1. En la barra de herramientas del cuadro de mando, haga clic en Guardar y haga clic en Guardar.

    Botón Guardar

  2. Junto al título del cuadro de mando, haga clic en el botón de menú y en Detalles del elemento del cuadro de mando.

    Detalles de elementos del cuadro de mando del menú Inicio

    Se muestra la página de elementos del cuadro de mando. Visualizará el cuadro de mando y lo probará antes de compartirlo.

  3. Haga clic en Abrir cuadro de mando.

    Botón Abrir cuadro de mando

    El cuadro de mando aparece en una nueva pestaña del navegador. Los elementos de la tabla y los detalles están vacíos.

  4. Utilice el cuadro de mando para buscar las estaciones de carga de J1772 en Thunder Bay, Ontario.

    Selectores de cuadros de mando filtrados

  5. Vuelva a la página del elemento y haga clic en Compartir.
  6. En la ventana Compartir, elija Todos (público) y haga clic en Guardar.

    Para ver el cuadro de mando sin iniciar sesión, deberá compartir con todos el mapa web utilizado en el cuadro de mandos.

  7. En la cinta, haga clic en Contenido.
  8. En la página Contenido, en Título, para las estaciones de carga eléctrica de Canadá, haga clic en el icono Actualizar uso compartido.

    Nivel Update Sharing (Actualizar uso compartido)

  9. En la ventana Compartir, elija Todos (público) y haga clic en Guardar.

En este tutorial, ha creado un cuadro de mando interactivo que permite a los usuarios buscar estaciones de carga de vehículos eléctricos en Canadá. Configuró el cuadro de mando para que los usuarios puedan adaptar la información que ven a sus necesidades, incluidos la ubicación y el tipo de conector.

Encontrará más tutoriales en la galería de tutoriales.