Skip To Content

Configurar una implementación sin conexión para el visor de JavaScript 4.3

Implementación en entornos sin conexión

Es necesario que los siguientes elementos apunten a los recursos locales:

  • ArcGIS API for JavaScript
  • Servicios de ArcGIS
    • Mapas
    • Servicio de geometría
    • Servicios de localizadores
  • Software de terceros

Más información sobre la configuración de recursos y servicios en un portal sin conexión

API JavaScript de ArcGIS

Siga estos pasos para determinar, descargar y modificar la versión de la API de JavaScript de ArcGIS que se debe utilizar:

  1. Consulte el archivo index.html para averiguar cuál es la versión de ArcGIS API for JavaScript que la aplicación está usando.
  2. Descargue la versión adecuada de la API de JavaScript de ArcGIS e impleméntela en el servidor web.
    Nota:

    Si está implementando el visor de JavaScript de ArcGIS en Portal for ArcGIS, la API de JavaScript de ArcGIS de viene ya preinstalada en /portal/jsapi/jsapi4/. Si la versión de la API de JavaScript de ArcGIS no es compatible con la versión utilizada en el archivo index.html de la aplicación, puede que tenga que descargar e instalar la versión correspondiente.

  3. Modifique el archivo index.html implementado y reemplace las siguientes referencias por las versiones instaladas localmente.

    Reemplace lo siguiente:

    <link rel="stylesheet" href="//js.arcgis.com/[version]/esri/css/esri.css"> 
    <script type="text/javascript" src="//js.arcgis.com//[version]/"></script>

    Con:

    <link rel="stylesheet" href="//[your-server].[domain]/jsapi/esri/css/esri.css"> 
    <script type="text/javascript" src="//[your-server].[domain]/jsapi/"></script>

    O bien:

    <link rel="stylesheet" href="//[your-server].[domain]/portal/jsapi/jsapi4/esri/css/esri.css"> 
    <script type="text/javascript" src="//[your-server].[domain]/portal/jsapi/jsapi4/"></script>

Servicios de ArcGIS

Modifique el archivo js/app/WorkflowManager/config/AppConfig.js implementado de forma que haga referencia a los servicios locales.

Servicios de mapas

Al configurar mapas sin conexión, puede configurar la alternancia de mapa con servicios de mapas en teselas. La siguiente información le permite actualizar la sección de mapa con sus mapas sin conexión:

Cambiar el mapa baseDescripción
map.basemapToggle

Especifica las propiedades del widget para cambiar el mapa base que se debe utilizar con los mapas sin conexión. Este widget admite únicamente los servicios de mapa de teselas.

Para obtener más información sobre los tipos de mapa base admitidos, consulte el tema sobre el widget BasemapToggle. Para la compatibilidad del servicio de mapa dinámico, configure el mapa base personalizado del archivo de configuración.

  • isEnabled: especifica si se debe habilitar o no la alternancia de mapa base.
  • showArcGISBasemaps: está establecido en false porque los mapas base de ArcGIS Online no están disponibles sin conexión.
  • defaultBasemap: actualice el nombre del mapa base personalizado.
  • nextBasemap: actualice con un nombre de mapa base personalizado secundario.
  • customBasemaps: actualice los servicios de mapa base locales. Quite los mapas base de calles, híbridos y topográficos que hagan referencia a servicios de ArcGIS Online. A continuación encontrará un ejemplo:

    customBasemaps : [
      {
        id: “localbasemap",
        title: "localbasemap",
        layers: [{
          url: "https://[hostname].[domain]/arcgis/rest/services/[localbasemap]/MapServer"
        }],
        thumbnailUrl: "js/widget/gis/BasemapGallery/images/localbasemap.jpg"
      }
    ]

Personalizar mapa baseDescripción
map.customBasemap

Especifica las propiedades de un servicio de mapas sin teselas que se debe utilizar como mapa base de la aplicación. Esta configuración se utiliza cuando la opción basemapToggle no está disponible.

  • type: especifica el tipo del servicio de mapas sin teselas. Los tipos admitidos son mapimage e imagery.
  • properties.id: especifica el Id. del servicio de mapas.
  • properties.url: especifica la dirección URL REST del servicio de mapas.
  • properties.opacity: especifica la opacidad del servicio de mapas.
Nota:

Hay disponibles otras configuraciones de propiedades. Consulte la configuración de capa de servicio de mapas correspondiente para ver las opciones.

Servicio de geometría

Utilice geometryServiceURL para actualizar al servicio de geometría local instalado con ArcGIS Server. Por ejemplo, http://[hostname].[domain]/arcgis/rest/services/Utilities/Geometry/GeometryServer.

Servicios de localizadores

El servicio de localizadores predeterminado está configurado para usar ArcGIS Online y no está disponible para las implementaciones sin conexión. Tendrá que proporcionar sus propios servicios de localizadores en una implementación sin conexión.

DescripciónServicios de localizadores
locatorSources

[sus servicios de localizadores personalizados]

Para obtener más información consulte la propiedad de los orígenes del widget de búsqueda.

Software de terceros

El visor de JavaScript utiliza la fuente Font Awesome en línea y el kit de herramientas de CSS. Debe descargar el kit de herramientas e implementarlo localmente para los entornos sin conexión.

  1. Descargue Font Awesome versión 3.2.1.
  2. Descomprima y copie la carpeta en el directorio de implementación de su aplicación web, por ejemplo, C:\Inetpub\wwwroot\wmviewer\font-awesome\ArcGIS\Portal\apps\workflow\font-awesome.
  3. Modifique el archivo index.html implementado.
  4. Reemplace la referencia de Font Awesome en línea por alguna de estas ubicaciones:

    Sustituya el primer ejemplo de abajo por uno de los dos que le siguen:

    Sustituya este ejemplo.

    <link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css">

    Puede elegir este ejemplo para sustituir el ejemplo de arriba.

    <link rel="stylesheet" type="text/css" href="//[hostname].[domain]/wmviewer/workflow/font-awesome/css/font-awesome.css">

    Puede elegir este ejemplo para sustituir el ejemplo de arriba.

    <link rel="stylesheet" type="text/css" href="//[hostname].[domain]/portal/apps/workflow/font-awesome/css/font-awesome.css">