Agregar datos de forma interactiva

En los tutoriales anteriores, ha elaborado mapas a partir de capas creadas por otros usuarios. Eso es muy bueno hasta cierto punto, ya que con el tiempo deseará crear mapas con datos encontrados, compilados y creados por usted. Una forma de hacerlo es con una capa editable. Las capas editables permiten dibujar formas directamente en el mapa Web y definir ventanas emergentes para estas entidades.

En este tutorial, creará un mapa de puntos de interés para Redlands, en California. Puede adaptar este tipo de mapa para diversos fines: mostrar puntos de interés de su ciudad, documentar viajes o exploraciones, o representar en el mapa ubicaciones relacionadas con un tema que le interese, como lugares para practicar el surf, ciudades fantasma, cafeterías de aeropuerto o cualquier otra cosa.

Abrir un mapa

Pasos:
  1. Abra un navegador Web y vaya a www.arcgis.com/home.
  2. Inicie sesión si fuera necesario.
  3. En el cuadro Buscar mapas, aplicaciones y más, escriba Redlands owner: ArcGISTutorials y haga clic en el botón Buscar.
    Cuadro de texto Buscar mapas

    Solo debería mostrarse un resultado: un mapa llamado Redlands Places.

  4. Haga clic en la imagen en miniatura para abrir el mapa.
    Imagen en miniatura en los resultados de la búsqueda

    Se abre el mapa con una vista de la ciudad de Redlands, California.

  5. En el panel lateral, haga clic en el botón Mostrar contenidos del mapa.
    Haga clic para mostrar el contenido del mapa

    El mapa solo cuenta con una capa: el mapa base Topographic. No hay demasiados datos en este mapa, aparte de su lista de marcadores.

  6. En la cinta, haga clic en Marcadores y luego en Kimberly Crest House.
    Haga clic en el marcador Kimberly Crest House en la parte superior de la lista

    El mapa se acerca hasta la cima de una colina flanqueada por campos de naranjos y otros árboles. Kimberly Crest House, un lugar de interés local, es el edificio rodeado por el círculo en la imagen de abajo.

    Kimberly Crest House es el edificio rodeado por un círculo rojo en el mapa
    SugerenciaSugerencia:

    Las entidades de interés, como edificios, calles, parques y lagos, pueden estar etiquetadas en algunos mapas base y en otros no. Si lo que intenta es identificar un lugar, cambiar los mapas base puede servirle de ayuda. Pero sucede que, a fecha de redacción de este documento, Kimberly Crest House no está etiquetada en ninguno de los mapas base de ArcGIS Online.

Crear una capa editable y agregarle una entidad

Marcará Kimberly Crest House como punto de interés.

Pasos:
  1. En la cinta, haga clic en Agregar y elija Crear capa editable.
    Lista de opciones del menú desplegable Agregar
  2. En el cuadro de diálogo Crear capa editable, cambie el nombre a Puntos de interés. Deje la plantilla establecida como Notas del mapa y haga clic en Crear.
    Cuadro de diálogo Crear capa editable

    El panel lateral se convierte en el panel Añadir entidades y muestra símbolos para dibujar entidades en el mapa. En la cinta, el botón Editar está seleccionado. Esto significa que está en modo de edición y que puede agregar, eliminar y mover entidades.

    NotaNota:

    En este contexto, una plantilla es una paleta de símbolos de mapa. La plantilla Notas del mapa contiene símbolos genéricos; otras plantillas tienen usos más específicos.

  3. En el panel Añadir entidades, debajo de Puntos, haga clic en el símbolo Chincheta para seleccionarlo.
    Símbolo Chincheta en el panel Añadir entidades
  4. Mueva el puntero del ratón sobre Kimberly Crest House y haga clic para agregar un símbolo.
    Símbolo Chincheta sobre Kimberly Crest House

    Se agrega una chincheta al mapa y se abre una ventana emergente.

  5. En la ventana emergente, reemplace el título predeterminado, Punto, por Kimberly Crest House.
  6. Haga clic en el cuadro Description y escriba Kimberly Crest House, un edificio de tres plantas al estilo de un château francés, es un lugar muy popular para la celebración de bodas y otros eventos.
    El título y la descripción en la ventana emergente
  7. Haga clic en Cerrar en la ventana emergente.

    Se pueden hacer muchas más cosas con las ventanas emergentes. Volveremos a esta cuestión en un momento.

  8. En la cinta, haga clic en el botón Detalles.
    Panel Contenido con la capa de puntos de interés visible

    En el panel Contenido, la capa creada aparece encima de la capa del mapa base.

  9. En la cinta, haga clic en el botón Guardar y elija Guardar como.
  10. En el cuadro de diálogo Guardar mapa, cambie el título si lo desea y haga clic en Guardar mapa.
    Cuadro de diálogo Guardar mapa con un nuevo título

    El mapa se agrega a su página Mi contenido.

Vincular la ventana emergente a una imagen y a un sitio Web

Ahora reabrirá la ventana emergente de Kimberly Crest House y agregará vínculos a una imagen on-line y a un sitio Web. Puede vincular imágenes alojadas en cualquier sitio Web público, como redes sociales o sitios de intercambio de fotografías.

Pasos:
  1. En el mapa, haga clic en la chincheta de Kimberly Crest House.

    La entidad se selecciona y su ventana emergente se abre.

  2. En la ventana emergente, haga clic en Editar.
    Ventana emergente de Kimberly Crest House
    .
  3. En una nueva pestaña o ventana del navegador, abra el sitio www.kimberlycrest.org.
  4. En otra pestaña o ventana, abra www.panoramio.com/user/387885.

    Esta página de Panoramio contiene fotografías de Piotr Andzel, un empleado de Esri.

  5. En la página de Panoramio, busque la imagen de Kimberly Crest Park, Redlands. Haga clic con el botón derecho en la imagen y copie su dirección.
    Menú contextual de la imagen en el navegador Firefox
  6. SugerenciaSugerencia:

    Debe copiar la dirección de la imagen, es decir, su URL, no la propia imagen. En Mozilla Firefox (v. 13), el comando es Copiar la ruta de la imagen. En Google Chrome (v. 19), el comando es Copiar URL de imagen. En Microsoft Internet Explorer (v. 8), haga clic en Propiedades en el menú contextual y luego resalte y copie la dirección (URL) en el cuadro de diálogo Propiedades.

  7. Vuelva al mapa Web. En el cuadro Image URL de la ventana emergente, resalte y elimine el prefijo http://.
  8. Use CTRL+V para pegar la dirección de la imagen en el cuadro Image URL.
    Cuadro Image URL en la ventana emergente
  9. Ahora vaya a la pestaña o ventana del navegador del sitio Web de Kimberly Crest. Resalte la URL y use CTRL+C para copiarla.
    URL del sitio Web de Kimberly Crest
  10. Vuelva al mapa. En el cuadro Image Link URL, resalte y elimine el prefijo http://. Use CTRL+V para pegar la URL.

    Cuando un usuario del mapa haga clic en el símbolo de chincheta, la ventana emergente mostrará una versión en miniatura de la imagen. Al hacer clic en la imagen en miniatura se abrirá el sitio Web.

  11. En la ventana emergente, haga clic en el cuadro Description y coloque el cursor detrás del texto introducido anteriormente. Presione INTRO dos veces.
  12. Escriba Imagen por cortesía de Piotr Andzel. Haga clic en la imagen para abrir la página Web.
  13. Resalte el texto que acaba de introducir. En la barra de herramientas de la ventana emergente, haga clic en el botón Cursiva Botón Cursiva.
  14. Revise la ventana emergente y haga clic en Cerrar.
    La ventana emergente completada
  15. En la cinta, haga clic en el botón Editar para salir del modo de edición.

    El panel lateral desaparece. Volverá a mostrarse si hace clic en el botón Detalles o en el botón Editar.

  16. VINCULAR A IMÁGENES

    Es necesario que tenga en cuenta si puede haber problemas relacionados con la protección de los derechos de autor y el uso correcto de los vínculos de imágenes. (Los vínculos de imágenes señalan a una imagen en un equipo host y típicamente muestran una versión reducida de menor resolución en el equipo cliente.) En el caso de este ejemplo, el fotógrafo ha dado su permiso para que se vinculen las imágenes.

Probar la ventana emergente

Debería asegurarse de que las ventanas emergentes tienen el aspecto deseado y funcionan como espera.

Pasos:
  1. En el mapa, haga clic en la chincheta de Kimberly Crest House.
    Ventana emergente con una imagen en miniatura de Kimberly Crest House

    Debería ver una versión en miniatura de la imagen (con una vista de los jardines desde la casa).

  2. SugerenciaSugerencia:

    Las imágenes con orientación horizontal se ajustan mejor al espacio para la imagen que las que tienen una orientación vertical.

  3. Haga clic en la imagen en miniatura.

    El sitio Web de Kimberly Crest se debería abrir en una nueva pestaña o ventana del navegador.

  4. Cierre la pestaña o ventana del navegador con el sitio Web de Kimberly Crest que acaba de abrir.
  5. Deje la página Web de Panoramio abierta, pero cierre cualquier otra página Web de Kimberly Crest. Vuelva al mapa.

Cambiar un símbolo

Quizás desee utilizar un símbolo distinto al de la chincheta verde.

Pasos:
  1. Si fuera necesario, haga clic en la chincheta de Kimberly Crest House para abrir la ventana emergente.
  2. En la parte inferior de la ventana emergente, haga clic en Editar.
    Vínculo Editar en la ventana emergente

    La ventana emergente se abre en modo de edición.

  3. En su parte inferior, haga clic en el botón Cambiar símbolo.
  4. En el cuadro de diálogo Cambiar símbolo, desplácese por la lista de símbolos básicos.
    Cuadro de diálogo Cambiar símbolo

    Entre los símbolos básicos se incluyen chinchetas, tachuelas, banderas y otros iconos.

  5. Haga clic en la flecha de lista desplegable, que actualmente está establecida en Básico, y elija el grupo de símbolos Personas Lugares. Desplácese por dichos símbolos.
  6. Examine los demás grupos de símbolos. Busque un símbolo que desee utilizar y haga clic en él para seleccionarlo.
  7. Opcionalmente, cambie el tamaño del símbolo con la barra deslizante o escribiendo un valor en píxeles.
  8. Haga clic en Hecho en el cuadro de diálogo Cambiar símbolo.
    Cuadro de diálogo Cambiar símbolo con una estrella roja seleccionada en el grupo de símbolos Formas
  9. Haga clic en Cerrar en la ventana emergente.

    El nuevo símbolo se muestra en el mapa.

    Kimberly Crest House con una estrella de color rojo
  10. Guarde el mapa.
    NotaNota:

    La capa Puntos de interés con el tiempo incluirá diversas entidades como edificios, parques y calles. Puede utilizar un solo símbolo para representar todas esas entidades o uno diferente para cada tipo de entidad (un símbolo para edificios, otro para parques, etc.).

Agregar otra entidad

Pasos:
  1. Confirme que el mapa se encuentra en modo de edición. (El botón Editar está seleccionado en la cinta.)
    SugerenciaSugerencia:

    Haga clic en el botón Editar para entrar y salir del modo de edición.

  2. En la cinta, haga clic en Marcadores y elija Morey Mansion.
    Morey Mansion está resaltado en la lista de marcadores

    El mapa se acerca al emplazamiento rodeado por un círculo en la imagen. Como en el caso de Kimberly Crest House, Morey Mansion tampoco está etiquetado en el mapa base (a fecha de redacción de este documento).

    Huella del edificio Morey Mansion rodeada por un círculo en la imagen
  3. En el panel Añadir entidades, haga clic en el símbolo Chincheta para seleccionarlo.
    Símbolo Chincheta
  4. Mueva el puntero del ratón sobre Morey Mansion y haga clic para agregar un símbolo.
    Símbolo Chincheta sobre Morey Mansion
  5. En la ventana emergente, reemplace el título predeterminado (Punto) por Morey Mansion.
  6. Haga clic en el cuadro Description y escriba Morey Mansion es una residencia privada de estilo victoriano de tres plantas que data de 1890.
  7. Presione INTRO dos veces y escriba Imagen por cortesía de Piotr Andzel. Haga clic en la imagen para abrir la página Web.
  8. Aplique cursiva a este último texto.
    Ventana emergente de Morey Mansion con un título y una descripción
  9. Vaya a la página Web de Panoramio con las fotografías de Piotr Andzel. Desplácese y localice la imagen de Morey Mansion.
  10. Haga clic con el botón derecho en la imagen y copie su dirección (con el comando adecuado correspondiente a su navegador).
    Menú contextual de la imagen en el navegador Firefox
  11. Vuelva al mapa. En el cuadro Image URL de la ventana emergente, elimine el prefijo http:// y use CTRL+V para pegar el vínculo.
  12. En una nueva pestaña o ventana del navegador, abra wikipedia.org/wiki/Morey_Mansion. Resalte la URL de la página Web y use CTRL+C para copiarla.
  13. Vuelva al mapa. En el cuadro Image Link URL de la ventana emergente, elimine el prefijo http://. Use CTRL+V para pegar el vínculo.
    Cuadros Image URL e Image Link URL en la ventana emergente
  14. En su parte inferior, haga clic en Cambiar símbolo.
  15. En el cuadro de diálogo Cambiar símbolo, elija el símbolo que desee utilizar.
    La estrella roja aparece seleccionada en el grupo de símbolos Formas
  16. Cambie el tamaño del símbolo si lo desea y haga clic en Hecho.
  17. En la ventana emergente, haga clic en Cerrar.
  18. En la cinta, haga clic en el botón Editar para salir del modo de edición.

Probar la entidad en la ventana emergente

Pasos:
  1. Haga clic en el símbolo de Morey Mansion para abrir su ventana emergente.
    Ventana emergente de Morey Mansion
  2. Haga clic en la imagen en miniatura para abrir la entrada de Wikipedia sobre Morey Mansion.
  3. Si fuera necesario, edite la descripción o los vínculos de la ventana emergente.
  4. Deje abierta la página Web de Panoramio pero cierre todas las pestañas o ventanas abiertas de la página Web de Morey Mansion.
  5. Vuelva al mapa y cierre la ventana emergente.
  6. Haga zoom hasta el marcador de vista general de Redlands. (Se encuentra al final de la lista.)
  7. Guarde el mapa.
    Símbolos de Kimberly Crest House y Morey Mansion en el mapa

Agregar entidades por su cuenta

Agregue algunas entidades de su elección. Todas las ubicaciones marcadas en el mapa tienen su correspondiente fotografía en el sitio de Panoramio. (Tenga en cuenta que las fotos ocupan dos páginas.)

La mayoría de los sitios restantes están etiquetados en el mapa base topográfico, pero hay algunos que no (como Olive Avenue Market, Asistencia Mission y Santa Fe Depot). Pruebe a utilizar otros mapas base, especialmente OpenStreetMap, para marcar estas ubicaciones. O busque en Google los sitios para obtener información de dirección que pueda introducir en el cuadro Buscar dirección o lugar.

En cuanto a los sitios Web, puede vincular a los ejemplos siguientes o a recursos Web que descubra por sí mismo.

Olive Avenue Market

sitio Web

Todos los parques

sitio Web

Redlands Bowl

sitio Web

Asistencia Mission

sitio Web

Callejero del estado

sitio Web

Smiley Library

sitio Web

Santa Fe Depot

sitio Web

Quizás también desee combinar su capa editable con servicios de mapas existentes para Redlands. Use la palabra clave "Redlands" para buscar en ArcGIS Online capas con las que podría mejorar el mapa.

USAR FORMAS DIFERENTES EN UNA CAPA EDITABLE

Es posible utilizar todo tipo de formas para crear entidades en una capa editable. Puede marcar los edificios con un símbolo de punto, como Chincheta; dibujar rutas con un símbolo de línea, como Línea o Línea a mano libre; y utilizar símbolos de área, como Área, Rectángulo o Círculo, para mostrar vecindarios y otras áreas de interés que no estén definidas en su mapa base.

Este es el séptimo de una serie de tutoriales on-line sobre representación cartográfica.