Configurar elementos emergentes
Los elementos emergentes son un importante aspecto de la cartografía web. Estos permiten compartir información adicional para cada entidad del mapa. Pueden aclarar la información comunicada por los símbolos. Pueden incluir gráficos y fotografías que aporten más contexto. Todo lo que esté presente en la tabla de atributos de una capa puede comunicarse a través de una ventana emergente.
Con tantas cosas que se pueden incluir en una ventana emergente, es importante considerar cuidadosamente lo que se debe incluir. En este tutorial, diseñará elementos emergentes para dos capas. Uno solo mostrará el nombre de la función, mientras que el otro utilizará un formato más complejo.
Crear elementos emergentes sencillos
No todas las capas de un mapa deben tener elementos emergentes. Los elementos emergentes innecesarios se interponen en el camino de los necesarios y dificultan la exploración del mapa. En su mapa, los elementos emergentes solo son útiles para dos capas: LakeDistrictFells y Parques Nacionales (Inglaterra). Estas capas no son visibles al mismo tiempo, por lo que sus elementos emergentes no entrarán en conflicto entre sí. Empezará desactivando los elementos emergentes de todas las demás capas y configurando elementos emergentes sencillos para la capa de parques.
- Si ha completado el tutorial anterior Creaciones cartográficas – Personalizar un mapa base, inicie sesión en su cuenta de ArcGIS o en su portal ArcGIS Enterprise. Vuelva a abrir el mapa web del Parque Nacional del Distrito de los Lagos.
- Si no ha completado el tutorial anterior, abra el mapa web del Parque Nacional del Distrito de los Lagos 3. Haga clic en Iniciar sesión e inicie sesión con su cuenta de ArcGIS. En la barra de herramientas Contenido, haga clic en el botón Guardar y abrir y en Guardar como. En Título, elimine el 3. Haga clic en Guardar.
Nota:
Si no tiene una cuenta de ArcGIS, consulte las opciones de acceso a software.
- Si es necesario, en la barra de herramientas Contenido (oscura), haga clic en el botón Capas para abrir el panel Capas.
- En el panel Capas, seleccione la capa Parque Nacional del Distrito de los Lagos.
Cuando se selecciona la capa, aparece una barra azul junto a esta.
- En la barra de herramientas Configuración (clara), haga clic en el botón Elementos emergentes. En el panel Ventanas emergentes, desactive el botón de alternancia Habilitar ventanas emergentes.
- Desactive también los elementos emergentes de las capas Clip, Lakes y Rivers.
- En el mapa, aléjese hasta que pueda ver toda Inglaterra y sus diez parques nacionales.
- Seleccione la capa Parques Nacionales (Inglaterra).
Uno de sus elementos emergentes aparece en el mapa. Incluye una tabla con seis campos. La única información necesaria para este mapa es el nombre de cada parque. Eliminará la tabla.
- En el panel Elementos emergentes, junto a Lista de campos, haga clic en el botón Opciones y luego en Eliminar.
- Haga clic en Título.
El nombre de la capa no es información necesaria para este mapa. Debe intentar eliminar la información innecesaria de los mapas, ya que puede hacer que su lectura sea más lenta, difícil o incluso confusa. En este caso, el nombre de la capa se interpone en el camino de la información importante: el nombre del parque.
- Elimine todo el texto antes de {NAME}.
El texto entre llaves se utiliza para hacer referencia a nombres de campo dentro de la capa de entidades.
- En el mapa, haga clic en diferentes parques para confirmar que el título del elemento emergente cambia.
Formatear texto del elemento emergente
A continuación, configurará los elementos emergentes de la capa LakeDistrictFells. Agregará texto y le dará formato para una mayor claridad.
- En el mapa, acérquese hasta que vuelvan a aparecer los símbolos triangulares.
- En el panel Capas, haga clic en la capa LakeDistrictFells para seleccionarla.
Aparece el elemento emergente de la capa LakeDistrictFells.
- En el panel Elementos emergentes, haga clic en Título. Elimine todo el texto excepto {Nombre}.
El elemento emergente tiene una tabla con muchos campos. Si bien proporcionan información interesante sobre cada montaña, la mayoría de ellas no son relevantes para este mapa en particular y sus objetivos. Eliminará la lista de campos y la sustituirá por texto formateado.
- Junto a Lista de campos, haga clic en el botón Opciones seguido de Eliminar.
- Haga clic en Agregar contenido y en Texto.
- En la ventana de texto, escriba, o copie y pegue, lo siguiente:
Haga clic aquí para ver una foto de {Nombre}.
Altura: {Metres} metros
La altura es el cambio de elevación entre el pico de una montaña y el nivel del mar.
Prominencia: {Drop_} metros
La prominencia topográfica, o desnivel, es el cambio de elevación entre el pico de una montaña y la curva de nivel más baja que la rodea, pero no otros picos más altos.
Sugerencia:
Haga clic con el botón derecho y elija Pegar como texto sin formato para copiar sin formato.
Este texto repite la información que ya está codificada en los símbolos triangulares: la altura y prominencia de cada pico. Sin embargo, la ventana emergente puede comunicar valores más precisos que el tamaño y el color de cada símbolo. También da margen para explicar la diferencia entre altura y prominencia.
- Resalte la segunda línea de texto (Altura: {Metres} metros). En la barra de herramientas, haga clic en el botón Negrita.
- Ponga también en negrita la cuarta línea de texto (Prominencia: {Drop_} metros).
- Haga clic en Aceptar.
El texto aparece en el elemento emergente. Los dos números tienen dos decimales cada uno.
Esta cantidad de precisión no es necesaria para su mapa y solo hace que los números sean más difíciles de entender. Los simplificará cambiando su formato.
- En la barra de herramientas Configuración, haga clic en el botón Campos. En el panel Campos, haga clic en Altura (m).
- En la ventana Formato, en Dígitos significativos, elija 0 posiciones decimales.
- Haga clic en Hecho.
- Formatee también el campo Prominencia (m) para utilizar cero posiciones decimales.
En el elemento emergente, los números ya no muestran valores decimales.
Escribir una expresión de atributo
A continuación, agregará un enlace a una foto de cada montaña.
La capa LakeDistrictFells no tiene un campo con enlaces a fotos, pero sí tiene un campo con un número de identificación para cada pico. El sitio web hillsummits comparte fotos de cada pico y la URL de cada página de fotos incluye el número de identificación del pico. A continuación, crearás una expresión de atributo que construya una URL única para cada pico de montaña a partir de su número de Id. Estas URL enlazarán con una foto de cada pico.
- Vuelva a abrir el panel Elementos emergentes.
Puede hacer una expresión de atributo que cree un enlace para cada entidad.
- En Opciones, haga clic en Expresiones de atributos.
- Haga clic en Agregar expresión.
- En el cuadro de expresión, elimine el texto existente y escriba o copie y pegue "http://hillsummits.org.uk/htm_portrait/"++".htm"
Las comillas indican valores de texto. Los signos más permiten agregar más texto entre las dos partes de la URL.
- Sitúe el cursor entre los dos signos más y pulse el botón Variables de perfil.
- Haga clic en la flecha situada junto a $feature.
- Desplácese por la lista de campos y haga clic en $feature.Number.
La expresión ahora aparece como "http://hillsummits.org.uk/htm_portrait/"+$feature.Number+".htm".
El campo Número almacena el número de Id. de cada pico.
- Haga clic en Ejecutar.
Aparecerá una URL en la ventana Salida. En él, $feature.Number se sustituye por un número de cuatro o cinco dígitos.
- Haga clic en Hecho.
En el panel Expresiones de atributos, aparece la nueva expresión, denominada {expression/expr0}.
- En la parte superior del panel Expresiones de atributos, haga clic en el botón Atrás.
- Si es necesario, expanda la sección Text. Haga clic en Editar texto.
- En la ventana de edición de texto, en la primera línea, resalte la palabra aquí. En la barra de herramientas, haga clic en el botón Vínculo.
- Para URL de enlace, escriba {expression/expr0}. Haga clic en el botón Guardar.
- Con el texto aquí aún resaltado, pulse el botón Negrita.
- Haga clic en Aceptar.
- En la ventana emergente, haga clic en el enlace aquí.
Nota:
Si no aparece ningún elemento emergente, amplíe el mapa y haga clic en uno de los símbolos triangulares.
Se abre una nueva pestaña del navegador con una foto de la montaña seleccionada. No tiene permiso para agregar estas fotos directamente a su mapa, pero puede proporcionar un enlace para que la gente pueda verlas.
- Cierra la nueva pestaña del navegador.
Agregar un diagrama al elemento emergente
Es posible que muchas personas que lean su mapa no estén familiarizadas con el término prominencia. Un buen mapa garantiza que la gente entienda la información que presenta. Ello significa que a menudo son necesarias explicaciones y descripciones, además de simbología y leyendas. Agregará texto y un diagrama al elemento emergente para ayudar a explicar la diferencia entre altura y prominencia.
- En el panel Elementos emergentes, haga clic en Agregar contenido y haga clic en Imagen.
- En URL, escriba o copie y pegue https://www.arcgis.com/sharing/rest/content/items/5172c58b3caf4361b612878d5f5da9e2/data.
Nota:
Esta imagen está alojada como elemento en ArcGIS Online. Para saber cómo alojar imágenes, lea el artículo Agregar y utilizar fotos e imágenes en el blog ArcGIS Online blog article.
- En Pie de foto, escriba Altura (h) y prominencia (p). En Texto alternativo, escriba Diagrama que describa la altura y la prominencia.
Incluir un texto alternativo ayuda a que su mapa sea más accesible.
- Haga clic en Hecho.
En el elemento emergente aparece un diagrama en el que se comparan las mediciones de altura con las de prominencia. Sus colores coinciden con los del mapa. Los colores coincidentes ayudan a crear un diseño más armonioso.
- En la barra de herramientas Contenido, haga clic en el botón Guardar y abrir y en Guardar.
Ahora ha configurado elementos emergentes para dos capas. Ha creado elementos emergentes simples para la capa Parques Nacionales (Inglaterra) y mostrar solo el nombre de cada parque. Ha creado ventanas emergentes complejas para la capa LakeDistrictFells, utilizando formato de texto, propiedades de campo, una expresión de atributo y un diagrama.
Nota:
Puede personalizar aún más los elementos emergentes con HTML. Lea el artículo del blog Pasos para principiantes para dar formato a elementos emergentes con HTML para obtener instrucciones utilizando el mismo elemento emergente que acaba de crear.
Configurar etiquetas
Las ventanas emergentes hacen que las etiquetas desempeñen un papel mucho menor en los mapas web que en los impresos, pero eso no significa que deban abandonarse por completo. Si puede evitar que alguien tenga que abrir una ventana emergente proporcionando la información por adelantado en una etiqueta, habrá facilitado la lectura del mapa.
Etiquetar los fells
Si bien la gente puede encontrar el nombre de cada montaña en su ventana emergente, puede hacer que el mapa sea más fácil de leer proporcionando etiquetas para los picos más prominentes. Esto ayudará a la gente a encontrar las ubicaciones de los picos de los que pueden haber oído hablar.
- En la barra de herramientas Configuración, haga clic en el botón Etiquetas. En el panel Etiquetas, asegúrese de que LakeDistrictFells es la capa seleccionada.
- Haga clic en Agregar clase de etiqueta.
- En el Campo de etiqueta, seleccione Nombre.
Aparecen etiquetas en el mapa. Existen muchas etiquetas, lo que hace que el mapa parezca abarrotado. No puede mostrar etiquetas para cada montaña y no es necesario. Creará un filtro para que solo se etiqueten las montañas más destacadas.
- Haga clic en Editar filtro de etiquetas.
- Haga clic en Agregar nuevo. Utilice los menús para construir la expresión Prominencia (m) es al menos 250.
La mayoría de las etiquetas del mapa desaparecen. El valor límite de 250 es arbitrario y, cuando diseñe sus propios mapas, tendrá que experimentar para tomar decisiones como esta que equilibren la información con el desorden.
- Cierre la ventana Filtro.
A continuación, cambiará el estilo de las etiquetas para que coincidan con el resto del mapa.
- Haga clic en Editar estilo de etiquetar.
- Cambie la Fuente a Noto Sans Bold y el Tamaño a 16.
Las fuentes en negrita son más fáciles de leer en mapas abarrotados. Noto Sans es un tipo de letra que también está disponible en ArcGIS StoryMaps y que utilizará más adelante para crear el diseño del mapa. Utilizar el mismo tipo de letra tanto en el mapa como en el diseño ayudará a que su mapa parezca más coherente y profesional.
- Haga clic en el menú Color. En #, escriba 202e03.
Este es el mismo color que utilizó anteriormente para el contorno y la sombra paralela del parque.
- Haga clic en Hecho.
- En Halo, cambie Color a dae3d3 y el tamaño a 2.
Este color coincide con el fondo sobre el que aparecerán las etiquetas con más frecuencia.
Los halos agregan desorden visual a un mapa, pero merecen la pena sobre fondos recargados porque permiten que las etiquetas sigan siendo legibles independientemente de los colores y detalles que haya detrás de ellas. El color del halo debe tener un elevado contraste con el color de la etiqueta y ser similar al color de fondo más común.
- Cierre la ventana Estilo de etiqueta.
Ahora, las etiquetas son más fáciles de leer, pero no es necesario que sean visibles en todas las escalas. Establecerá su rango visible para que solo aparezcan cuando el mapa esté ampliado.
- En Alcance visible, ajuste los menús a Ciudades y Habitación.
Etiquetar el Distrito de los Lagos
También etiquetará la capa del Parque Nacional del Distrito de los Lagos. Utilizará ArcGIS Arcade para personalizar el texto de la etiqueta.
- Aléjese hasta que las montañas desaparezcan y solo aparezca el Parque Nacional del Distrito de los Lagos.
- En la parte superior del panel Etiquetar entidades, haga clic en el banner negro y seleccione Parque Nacional del Distrito de los Lagos.
- Haga clic en Agregar clase de etiqueta. Asegúrese de que el Campo Etiqueta esté establecido en NOMBRE.
En primer lugar, se asegurará de que esta etiqueta coincida con el estilo de las demás etiquetas de tu mapa.
- Haga clic en Editar estilo de etiquetar.
- Cambie la Fuente a Noto Sans Regular y el Tamaño a 18.
- Cambie el color a 202e03 y el color del halo a dae3d3.
Sugerencia:
Estos colores pueden estar disponibles en las listas de colores utilizadas recientemente.
- Cambia el tamaño del halo a 2.
- Cierre la ventana Estilo de etiqueta.
En el mapa, la etiqueta indica actualmente DISTRITO DE LOS LAGOS. Utilizará Arcade para agregar el texto PARQUE NACIONAL al final.
- En el panel Etiquetar entidades, junto a NOMBRE, haga clic en el botón de expresión.
- Después del texto $feature[“NAME”], escriba o copie y pegue + TextFormatting.NewLine + “PARQUE NACIONAL”.
La constante TextFormatting.NewLine dividirá el texto en dos líneas.
- Haga clic en Ejecutar. Si no se devuelve ningún error, haga clic en Hecho.
La etiqueta se actualiza en el mapa. Tiene dos líneas de texto.
- En Alcance visible, ajuste los menús a Condado y Área metropolitana.
- Acerque y aleje el mapa.
La etiqueta solo aparece a una escala. Más adelante, cuando guíe a la gente por su mapa, hará una pausa en esta escala.
- En la barra de herramientas Contenido, haga clic en el botón Guardar y abrir y en Guardar.
En este tutorial, ha configurado elementos emergentes y etiquetas para su mapa de las colinas del Parque Nacional del Distrito de los Lagos. Ha aprendido a dar formato al texto, crear expresiones de atributos y agregar imágenes a los elementos emergentes. Ha aprendido a aplicar estilos y filtros a las etiquetas. Su mapa web ya está completo. En el siguiente tutorial, utilizará ArcGIS StoryMaps para crear una versión coreografiada de su mapa que puede compartir con los demás.