Mostrar imágenes en elementos emergentes
Vídeo
Este tutorial también está disponible en vídeo.
Para obtener todos los detalles, consulte las instrucciones escritas que figuran a continuación.
Nota:
Este vídeo se grabó el 19 de septiembre de 2025.
Publicar un shapefile como una capa de entidades alojada
Lo primero que hará es descargar un archivo .zip con los datos de este tutorial. Cargará el shapefile en ArcGIS Online como una capa de entidades.
- Descargue el archivo show_images_in_pop_ups.zip y descomprímalo en una ubicación de su equipo, por ejemplo, en la unidad C.
- Abra la carpeta show_images_in_pop_ups descomprimida.
La carpeta contiene dos archivos: historic_lakes.zip y Lop_Nur.jpg.
No descomprima historic_lakes.zip. Contiene un shapefile, un formato de datos espaciales que consta de varios archivos. Para usar estos datos en un mapa web de ArcGIS Online, debe cargar una copia comprimida del shapefile.
- Inicie sesión en su cuenta de organización de ArcGIS.
Nota:
Si no tiene una cuenta de organización, consulte las opciones de acceso a software.
- En la cinta, haga clic en la pestaña Contenido.
- Haga clic en el botón Nuevo elemento.
- Arrastre el archivo historic_lakes.zip a la ventana Nuevo elemento.
Sugerencia:
Como alternativa, haga clic en Su dispositivo y vaya al archivo .zip.
- Asegúrese de que Tipo de archivo esté definido como Shapefile, y ¿Cómo desea agregar este archivo?, como Agregar historic_lakes.zip y crear una capa de entidades alojada.
Esta opción creará dos elementos en su cuenta de ArcGIS Online. Uno será una copia del shapefile. El otro será una capa de entidades creada a partir del contenido del shapefile. Necesita los datos en formato de capa de entidades para poder utilizarlos para crear mapas en ArcGIS Online.
- Haga clic en Siguiente.
- En Título, escriba Lagos históricos, seguido de sus iniciales (por ejemplo, Lagos históricos MP).
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.
- En Resumen, escriba Datos de naturalearthdata.com.
Estos detalles se pueden modificar más adelante.
- Haga clic en Guardar.
Aparece la página del elemento de la nueva capa de entidades. El nombre del elemento es Lagos históricos y el tipo de elemento aparece como Capa de entidades (alojada).
Los elementos alojados son elementos de la capa de origen. Representan un dataset, mientras que los elementos que no están alojados solo hacen referencia a un dataset. Si elimina una capa de entidades alojada, los datos también se eliminan. Si elimina una capa de entidades que no está alojada, solo se elimina la capa y los datos siguen estando accesibles para que otras capas hagan referencia a ellos.
Solo verá la etiqueta (alojada) si un elemento está alojado y es de su propiedad.
Nota:
Si tiene una cuenta de administrador, verá la etiqueta (alojada) en los elementos que sean propiedad de cualquier persona de su organización.
Puede obtener más información sobre las capas de entidades y las capas de entidades alojadas en la documentación.
Dado que esta capa está alojada y es de su propiedad, puede administrar las funcionalidades y el esquema de los datos, en lugar de solo las propiedades de la capa. Aprovechará esto más adelante, cuando edite los datos para incluir imágenes.
Revisar los datos
A continuación, visualizará la capa de entidades Lagos históricos como una tabla y como un mapa. Evaluará los elementos emergentes predeterminados para ver cómo podrían funcionar para su mapa.
- En la página del elemento Lagos históricos, en la cinta, haga clic en la pestaña Datos.
Aparece una tabla con los atributos de la capa. Hay cuatro campos: Webpage, Name, Shape_Area y Shape_Length.
A continuación, verá estos datos en un mapa.
- En la cinta, haga clic en la pestaña Visualización.
Aparece un mapa del mundo. Muestra una capa de polígonos de cuatro lagos.
- En el mapa, acérquese y haga clic en una de las entidades de lago.
Aparece una ventana emergente. Enumera los atributos Nombre y Página web de la tabla. El atributo Página web aparece como un vínculo a una página de Wikipedia en lugar del texto URL que vio en la tabla. Le gustaría incluir también imágenes en el elemento emergente.
- En la barra de herramientas Contenido (oscura), haga clic en el botón Capas.
En el panel Capas, puede ver que la capa Lagos históricos está seleccionada por la barra azul que aparece junto al nombre de la capa.
- En la barra de herramientas Configuración (clara), haga clic en el botón Elementos emergentes.
El panel Elementos emergentes enumera dos elementos de contenido: Título y Lista de campos. Esta es la configuración predeterminada de un elemento emergente, pero puede configurarlo para mostrar más contenido, como, por ejemplo, imágenes.
- En el panel Elementos emergentes, haga clic en Agregar contenido. Haga clic en Imagen.
Aparece la ventana Configurar imagen. El primer control le permite introducir una URL de una imagen. Sin embargo, si agrega una imagen con este método, cada entidad mostrará la misma imagen. Quiere mostrar una imagen diferente para cada lago, así que este no es el método correcto para lo que necesita.
- Cierre la ventana Configurar imagen y el panel Elementos emergentes.
Agregar nuevos campos a la capa de entidades
Puede agregar imágenes a cada elemento emergente editando los atributos de la capa. Agregará dos campos nuevos a la capa de entidades: uno para almacenar las URL de las imágenes y otro para almacenar texto que acredite el origen de cada imagen.
- En la cinta, haga clic en la pestaña Datos.
Aparece de nuevo la vista de tabla. Agregará un nuevo campo para almacenar las URL de las imágenes.
- En el encabezado de la tabla, haga clic en Agregar campo.
La opción Agregar campo está disponible porque la capa Lagos históricos está alojada y es de su propiedad.
En primer lugar, debe elegir un tipo de dato. Cada campo solo puede almacenar un tipo de datos.
- En la ventana Agregar campo, haga clic en Texto y seleccione Cadena de caracteres.
- Haga clic en Siguiente.
- En Nombre de campo, escriba Imagen. En Nombre de visualización, escriba Imagen.
- Haga clic en Agregar campo.
El campo Imagen aparece en la tabla como una nueva columna.
Este campo almacenará las URL de cada imagen. Agregará otro campo para almacenar la información de origen de cada imagen.
- Vuelva a hacer clic en el botón Agregar campo.
- Haga clic en Texto y elija Cadena de caracteres. Haga clic en Siguiente.
- En Nombre de campo, escriba Origen_imagen. En Nombre de visualización, escriba Origen de imagen.
Existen reglas sobre el tipo de texto que se permite en un Nombre de campo, como, por ejemplo, que no se pueden utilizar espacios. Sin embargo, el Nombre de visualización es el nombre que aparecerá en la tabla y en los elementos emergentes.
- Haga clic en Agregar campo.
Ahora la tabla tiene seis columnas.
Agregar imágenes a los datos mediante direcciones URL
A continuación, rellenará los nuevos campos con direcciones URL y texto de créditos para cada imagen.
- En la tabla, haga doble clic en una de las celdas de Imagen u Origen de imagen.
La celda pasa a ser editable.
- Copie y pegue el texto siguiente en la tabla:
Nombre Imagen Origen de imagen Mar de Aral
https://upload.wikimedia.org/wikipedia/commons/9/9f/Aral_Sea.gif
NordNordWest, NASA, datos de la Agencia Nacional de Imágenes y Cartografía de los Estados Unidos, www.unimaps.com
Lago de Texcoco
https://upload.wikimedia.org/wikipedia/commons/a/a6/Lake_Texcoco_%28Lago_de_Texcoco%29_December_1855_map_from_Harper%27s_New_Monthly_Magazine_Volume_12_December_1855_to_May_1856_%28IA_harpersnew12harper%29_%28page_34_crop%29.jpg
Nueva York: Harper & Brothers Publishers (Harper's New Monthly Magazine Volume 12 December 1855 to May 1856), Brigham Young University-Idaho, David O. McKay Library
Lago Chad
https://upload.wikimedia.org/wikipedia/commons/9/94/ShrinkingLakeChad-1973-1997-EO.jpg
NASA
Cuando se utilizan imágenes en mapas, es importante incluir información que acredite a las personas u organizaciones que los crearon.
Sugerencia:
La próxima vez que incluya imágenes en una capa de entidades, quizá prefiera preparar la tabla con las URL de las imágenes y el texto de créditos antes de agregarla a ArcGIS Online. Sin embargo, no es necesario.
Agregar imágenes a los datos mediante adjuntos
La imagen del último lago, Lop Nur, no está disponible como URL. En su lugar, la descargó con el shapefile al principio de este tutorial. Puede alojar la imagen en línea en algún sitio para crear una dirección URL o puede cargarla como un adjunto en la capa de entidades. En este tutorial, agregará la imagen como un adjunto.
- En la página Lagos históricos, haga clic en la pestaña Descripción general.
- Revise la sección Capas.
Las capas de entidades (y capas de entidades alojadas) constan de una o más subcapas. Lagos históricos contiene solamente una subcapa, Historic_Lakes. Los adjuntos están habilitados en el nivel de subcapa.
- En la sección Capas, haga clic en Historic_Lakes.
Aparece una nueva página que muestra la configuración de la subcapa Historic_Lakes.
- En Adjuntos, active Habilitar adjuntos.
Puede acceder a los datos de esta subcapa directamente desde la página de subcapa sin volver a la página principal.
- En la cinta, haga clic en la flecha hacia atrás situada junto a Lagos históricos.
- En la cinta, haga clic en la pestaña Datos.
Aparece de nuevo la tabla. Contiene una nueva columna denominada Adjuntos.
- En la fila Lop Nur, en la columna Adjuntos, haga clic en la celda.
- En la tabla que aparece, asegúrese de que FID 4 está seleccionado (resaltado en azul).
- Haga clic en Seleccionar archivo.
- Vaya a la carpeta Show_images_in_pop_ups y elija el archivo Lop_Nur.jpg que descargó anteriormente. Haga clic en Abrir.
- Haga clic en Agregar adjunto.
La foto aparece como archivo adjunto.
- Sobre la tabla, haga clic en el botón Salir de la vista de adjuntos.
Volverá a la vista principal de la tabla.
Para datasets más grandes, es más fácil administrar una tabla de direcciones URL que cargar archivos manualmente. Por otro lado, los adjuntos son preferibles si necesita adjuntar archivos que no desea compartir con una URL pública.
- En la columna Origen de imagen, en la fila Lop Nur, escriba NASA.
Configurar elementos emergentes
Ahora que los datos contienen imágenes para cada lago, configurará los elementos emergentes para que muestren las imágenes.
- En la cinta, haga clic en la pestaña Visualización.
- En el mapa, acérquese y haga clic en la entidad Lop Nur en el oeste de China.
Aparece un elemento emergente que enumera los cuatro campos originales y los dos nuevos. También muestra una imagen.
Los adjuntos se muestran de forma predeterminada en los elementos emergentes.
- Haga clic en la entidad Mar de Aral en la frontera de Kazajistán y Uzbekistán.
No se muestra ninguna imagen en este elemento emergente. En su lugar, el atributo Imagen se presenta como un vínculo, igual que el atributo Página web.
Configurará el elemento emergente para que muestre la imagen.
- En el panel Contenido, haga clic en Capas.
La capa Lagos históricos está ahora seleccionada.
- En la barra de herramientas Configuración, haga clic en la pestaña Elementos emergentes.
- En el panel Elementos emergentes, haga clic en Agregar contenido y haga clic en Imagen.
- En la ventana Configurar imagen, junto a Dirección URL, haga clic en el botón Campos.
- En la ventana Agregar campo, desplácese hacia abajo y haga clic en el campo Imagen.
- Haga clic en Hecho.
- En el mapa, haga clic en cada entidad de lago y desplácese hasta la parte inferior de cada elemento emergente. Ahora, todos los elementos emergentes muestran una imagen. La imagen del mar de Aral es un archivo .gif animado y la animación se reproduce en el elemento emergente.
Nota:
Si lo desea, puede seguir configurando los elementos emergentes en el panel Elementos emergentes. Por ejemplo, puede eliminar los campos Picture, Shape_Area y Shape_Length y mejorar el texto Título. Puede obtener más información en el tutorial Configurar elementos emergentes.
- Cierre la ventana emergente y el panel Elementos emergentes.
- Encima del mapa, debajo de la cinta, haga clic en Guardar.
Los ajustes de configuración de elementos emergentes se han guardado en la capa de entidades Lagos históricos. Cuando se utilice esta capa en un mapa web, los elementos emergentes ya estarán configurados para mostrar las imágenes.
En este tutorial, ha cargado datos de un shapefile en ArcGIS Online para crear una capa de entidades alojada. Ha agregado dos campos a la capa de entidades y los ha editado para que incluyan las direcciones URL y texto de créditos de las imágenes. También ha habilitado los adjuntos y ha adjuntado una imagen.
