Integrar mapas, aplicaciones y grupos

Una de las formas de compartir mapas o un grupo de mapas y aplicaciones es incluirlos en una página web, como un blog o el sitio web de una organización. ArcGIS Online proporciona el código que necesita, opciones sobre qué incluir y opciones de diseño.

Integrar un mapa

Nota:

Actualmente, esta funcionalidad solo se admite en Map Viewer Classic. Estará disponible en una versión futura de Visor de mapas.

Para integrar un mapa público que ha abierto en Map Viewer Classic, copie el código HTML listo para usar y péguelo en el sitio web. De manera opcional, puede configurar la vista integrada del mapa antes de copiar el código. Es posible elegir el tamaño del mapa, seleccionar las opciones de mapa, agregar un símbolo a una ubicación del mapa y elegir un tema.

  1. En Map Viewer Classic, abra un mapa guardado y haga clic en Compartid.
  2. Compruebe que el mapa esté compartido con todo el mundo (público).
  3. Haga clic en Integrar en página web.

    Si esta opción no está disponible, significa que el mapa no es público y no se puede integrar. Si es propietario del mapa y su organización permite el uso compartido fuera de la organización, es posible cambiar su estado a público.

  4. Si el mapa contiene una presentación, verá dos opciones debajo de ¿Qué le gustaría integrar? Haga clic en Mapa para integrar el mapa. Si solo quiere integrar la presentación, haga clic en Presentación.
  5. También puede configurar el mapa con lo siguiente:
    • Seleccione un tamaño de mapa.
    • Active las casillas de las opciones que desee incluir en el mapa: control de zoom, botón de inicio, selector de mapa base (elija galería o alternar), vínculo para ver mapa más grande, deshabilitar el desplazamiento con el zoom, barra de escala, búsqueda de ubicación (activar para usar la extensión de mapa actual para la búsqueda), detalles del mapa y leyenda (elija el panel activo: detalles del mapa o leyenda) y obtener una vista previa de la imagen (muestra una imagen del mapa mientras se carga la aplicación). Una vista previa muestra dónde aparecerán las opciones en el mapa.
      Sugerencia:

      Si ha incluido la opción para ver un mapa más grande, este se abrirá en una aplicación integrada en su propia página. Es posible cambiar el nombre del vínculo editando View larger map en el código HTML.

    • Agregue un símbolo a una ubicación concreta del mapa. Utilice la pestaña Agregar símbolo para seleccionar la ubicación e introduzca un título para el símbolo, una descripción para la ventana emergente y la dirección URL de la imagen que se va a utilizar como símbolo. Para obtener mejores resultados, la imagen no debe ser mayor que 120 píxeles de ancho por 120 píxeles de alto. Otros tamaños se modificarán para que quepan. Los formatos de imagen aceptables son PNG, GIF y JPEG.
    • Elija un tema.
  6. Copie el código HTML proporcionado.
  7. Pegue el código en la página web donde desea que aparezca el mapa.
  8. En el código, busque la URL del mapa y sustituya la URL de su organización por la URL pública de ArcGIS (https://arcgis.com). Por ejemplo, si la URL de su organización es https://acme.maps.arcgis.com, sustituya acme.maps.arcgis.com por arcgis.com.

    Con ello garantiza que los usuarios ajenos a la organización puedan acceder al mapa.

    Nota:

    Si su organización permite el acceso anónimo, no necesita sustituir la URL de su organización por la URL pública de ArcGIS.

Integrar una aplicación

En lugar de integrar un mapa en un sitio web, puede integrar una aplicación. Integrar una aplicación puede ser útil en distintas situaciones. A continuación se muestran algunos ejemplos:

  • Mostrar una aplicación creada con una plantilla de ArcGIS Configurable Apps (por ejemplo, con la plantilla Visor básico) que contiene todas las funciones de aplicación configuradas.
  • Mejorar la captura de datos integrando la aplicación Geoform en un sitio web.
  • Mostrar un mapa que contiene un servicio premium con credenciales incluidas, como el Servicio de generación de rutas mundial, integrando una aplicación creada a partir de la plantilla Indicaciones o utilizando el widget Indicaciones en ArcGIS Web AppBuilder.

Es posible integrar una aplicación en un sitio web utilizando la opción Integrar en sitio web al integrar un mapa web público. Para integrar la aplicación en lugar del mapa, modifique el código HTML tal como se describe en los pasos siguientes. Estos pasos se pueden usar para incrustar una aplicación web alojada de ArcGIS Online o una aplicación de Web AppBuilder.

  1. Cree un mapa y una aplicación web en ArcGIS Online.
  2. Copie la dirección URL de la aplicación de la pestaña Descripción general de la página del elemento de aplicación o de la barra de direcciones del navegador mientras la aplicación esté abierta.
  3. En Map Viewer Classic, abra el mapa utilizado para crear la aplicación y haga clic en Compartir.
    Nota:

    Actualmente, esta funcionalidad solo se admite en Map Viewer Classic. Estará disponible en una versión futura de Visor de mapas.

  4. Compruebe que el mapa esté compartido con todo el mundo (público) y haga clic en Integrar en sitio web.

    Si esta opción no está disponible, significa que el mapa no es público y no se puede integrar. Si es propietario del mapa y su organización permite el uso compartido fuera de la organización, es posible cambiar su estado a público.

  5. Seleccione el tamaño deseado para integrar la aplicación.
  6. A partir del código HTML proporcionado, realice lo siguiente:
    1. Elimine la parte del código después de src= y antes de ></iframe> y sustitúyala por la URL de la aplicación que ha copiado. Por ejemplo, se eliminaría "https://acme.arcgis.com/apps/Embed/index.html?webmap=4cc9f0ba8e8c4d68b50c01c17efd4730" y se sustituiría por "https://acme.arcgis.com/apps/View/index.html?appid=6b6a075eca8d4899958fb273710a6806".
    2. Sustituya la URL de su organización por la URL pública de ArcGIS (https://arcgis.com). Por ejemplo, si la URL de su organización es https://acme.maps.arcgis.com, sustituya acme.maps.arcgis.com por arcgis.com. Con ello se asegura que los usuarios ajenos a su organización puedan acceder a su aplicación.

      Nota:

      Si su organización permite el acceso anónimo, no necesita sustituir la URL de su organización por la URL pública de ArcGIS.

      La parte actualizada del código debería tener un aspecto parecido al siguiente:

      <iframe width="500" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" 
      src="https://arcgis.com/apps/View/index.html?appid=6b6a075eca8d4899958fb273710a6806"></iframe>
  7. Copie y pegue el bloque de código HTML entero en la configuración del sitio web.
    Sugerencia:

    También puede utilizar parámetros en la dirección URL para controlar el aspecto o las funciones de la aplicación que va a integrar.

Integrar un grupo de mapas y aplicaciones web

Al integrar un grupo a través de ArcGIS Online, se selecciona un diseño y cómo se deben visualizar los elementos del grupo. Solo es posible integrar grupos públicos, y únicamente los mapas y las aplicaciones web se visualizan en la galería integrada.

  1. Abra el grupo público que quiera incorporar.
  2. En la pestaña Mapa, haga clic en el botón Integrar Integrar.

    Si la opción no está disponible, significa que el grupo no es público y no puede incorporarlo. Si eres el propietario del grupo y tu organización permite compartir fuera de la organización, puedes cambiar su estado a público.

  3. Elija un diseño para los elementos del grupo.
  4. Elija cómo se mostrarán los mapas y las aplicaciones web: a través de la galería incorporada, en una ventana nueva con una aplicación de galería predefinida o en una ventana nueva con una aplicación configurada.
    1. Seleccione una aplicación de galería predefinida, si opta por mostrar los elementos en una ventana nueva.
    2. Escriba una dirección URL en la aplicación, si desea mostrar los elementos en una ventana nueva con una aplicación configurada.
  5. Copie el código HTML proporcionado.
  6. Haga clic en Hecho.
  7. Pegue el código en la página Web donde quiere que aparezca el grupo.
  8. En el código, busque la URL de la galería y sustituya la URL de su organización por la URL pública de ArcGIS (https://arcgis.com). Por ejemplo, si la URL de su organización es https://acme.maps.arcgis.com, sustituya acme.maps.arcgis.com por arcgis.com.

    Con ello garantiza que los usuarios ajenos a la organización puedan acceder a la galería.

    Nota:

    Si su organización permite el acceso anónimo, no necesita sustituir la URL de su organización por la URL pública de ArcGIS.