impact summary map template js

Impact-Summary-Map-Template-JS

Este mapa interactivo destaca un área y muestra un resumen de los datos relacionados con su ubicación. Los datos presentados en los cuadros, en la parte inferior del mapa, pueden ser cualquier datos enteros que le permitan responder nuevas preguntas sobre ubicaciones que no puede responder solo con los mapas.

Por ejemplo, en el mapa web puede enriquecer su polígono con demografía, paisaje, infraestructura y otras variables utilizando la capa enriquecida o analizar sus propios datos con puntos agregados. Luego puede usar esta plantilla para mostrar su análisis con una aplicación simple de mapeo web.

Verlo en vivo

La plantilla se puede configurar utilizando las siguientes opciones:

• Mapa: elija el mapa web para usar en su aplicación.
• Responsivo: se muestra un cajón lateral cuando su tamaño se puede acomodar. El usuario puede encender o desactivar el cajón receptivo y permite que la aplicación se incruste en blogs y sitios web.
• Navegación: los botones de inicio y localización agregan facilidad de navegación de mapas.
• Contenido: resume los datos de enteros eligiendo una capa de servicio de características que contenga los campos. Una capa que contiene múltiples características y tiene un renderizador definido permite seleccionar las características por los valores del renderizador. Un tablero interactivo proporciona capacidad para clasificar los campos en hasta 4 paneles de grupo y página a través de los campos.
• Resumen: Describa brevemente su aplicación en el panel "Área".
• Búsqueda: habilite la búsqueda de direcciones y lugares.
• Compartir: comparta esta aplicación a través de Twitter, Facebook, Google+ o genere HTML para integrar en un blog o sitio web.
• Básica: habilite la alternancia entre dos mapas de base ESRI.
• Capas: alternar la visibilidad de las capas.
• Leyenda: Muestra una leyenda.
• Acerca de: Mostrar información sobre la aplicación. El diálogo también se puede configurar para abrir al inicio.

Instrucciones

1. Descargue y descomprima el archivo .zip o clone el repositorio.
2. Web-Enable el directorio.
3. Acceda a la página .html.
4. ¡Empiece a escribir su plantilla!

¿Nuevo en Github? Empiece aquí.

Despliegue

1. Para implementar esta aplicación, descargue la plantilla de Portal/ArcGIS Online y descózala.
2. Copie la carpeta descomprimida que contiene los archivos de plantilla de la aplicación web, como index.html, a su servidor web. Puede cambiar el nombre de la carpeta para cambiar la URL a través de la cual los usuarios accederán a la aplicación. Por defecto, la URL a la aplicación será http://<Your Web Server>/<app folder name>/index.html
3. Cambie el host de intercambio, que se encuentra en defaults.js dentro de la carpeta de configuración para la aplicación, a la URL compartida para ArcGIS Online o Portal. Para los usuarios en línea de ArcGIS, mantenga el valor predeterminado de www.arcgis.com o especifique el nombre de su organización.

• Ejemplo de ArcGIS Online: "sharinghost": "https://" + “<your organization name>.maps.arcgis.com
• Ejemplo de portal donde arcgis es el nombre del adaptador web: "sharinghost": "https://" + "webadaptor.domain.com/arcgis"

4. Si está utilizando Portal o una instalación local de la API ArcGIS para JavaScript, cambie todas las referencias a la API ArcGIS para JavaScript en index.html para referirse a su copia local de la API. Busque las referencias que contienen "https://js.arcgis.com/3.35" y reemplace esta parte de la referencia con la URL a su instalación local.

• Por ejemplo: "https://webadaptor.domain.com/arcgis/jsapi/jsapi" , donde arcgis es el nombre de su adaptador web.

5. Copie un mapa o ID de grupo desde Portal/ArcGIS Online y reemplace la ID de mapa web predeterminada en la página index.html de la aplicación. Ahora puede ejecutar la aplicación en su servidor web o personalizar más la aplicación.

Nota: Si su aplicación edita las características en un servicio de características, contiene servicios seguros o mapas web que no se comparten públicamente, o generan solicitudes que excedan 200 caracteres, es posible que deba configurar y usar una página proxy. Las situaciones comunes en las que puede exceder la longitud de la URL está utilizando polígonos complejos como entrada a una tarea o especificando una referencia espacial utilizando texto conocido (WKT). Para obtener detalles sobre la instalación y la configuración de una página Proxy, consulte el uso del proxy. Si no tiene una conexión a Internet, deberá acceder e implementar la API ArcGIS para la documentación de JavaScript desde desarrolladores.arcgis.com.

Requisitos de la capa de datos

La plantilla requiere una FeatureLayer con atributos numéricos para mostrar los datos en el panel de bloques sobre el mapa.

Configuración de la plantilla

Esta plantilla tiene un constructor de aplicaciones integrado. Si está utilizando esta plantilla a través de ArcGIS.com, puede aprovechar este constructor mientras se registra a ArcGIS. Si es el propietario de la aplicación a través del parámetro APPID, verá una opción para ingresar al modo de constructor y comenzar a configurar la plantilla.

Si no está utilizando las aplicaciones en línea de ArcGIS, puede configurar esta plantilla usando el defaults.js en la carpeta de configuración. Para configurar la capa de datos, ingrese el ID de FeatureLayer en la propiedad "SummaryLayer": "ID". Necesitará saber la identificación de esta capa. La ID de la capa se puede ver en la respuesta JSON WebMap o registrando el objeto FeatRElayer a la consola.

Una vez que tenga la capa con los datos configurados, puede comenzar a ingresar qué atributos le gustaría mostrar editando la propiedad "ResumenAttributes" en el defaults.js.

Puede especificar 1-4 variables principales y cada una puede tener 0 sub-variables que se mostrarán cuando se haga clic en la variable principal. Para la variable principal, opcionalmente puede vincular a una fuente para los datos. Cada variable también puede tener una etiqueta para ella.

Ejemplo de capa

 "summaryLayer": {
    "id": "THE_ID_OF_MY_LAYER"
},

Ejemplo de atributos

 "summaryAttributes": [{
    "attribute": "MY_MAIN_VARIABLE",
    "label": "My Variable",
    "dataSourceUrl": "http://mydata.com/",
    "children": [{
        "attribute": "MY_RELATED_VARIABLE 1",
        "label": "My Related Variable 1"
    }, {
        "attribute": "MY_RELATED_VARIABLE 2",
        "label": "My Related Variable 2"
    }]
}]

¿Nuevo en Github? Empiece aquí.

Requisitos

• Editor de notas o html
• Un poco de fondo con JavaScript
• La experiencia con la API ArcGIS JavaScript ayudaría.

Aves web

Esta aplicación utiliza un WebFont personalizado creado en Fontello. Si está alojando esta aplicación en su propio servidor, asegúrese de que esté configurado para alojar los archivos WebFont con los tipos de MIME correctos. Algunos servidores requieren un tipo de tipo MIME para estos archivos para poder servirlos correctamente. Consulte las siguientes URL para obtener más información. Hay un archivo ZIP de la fuente web con su configuración de Fontello en la carpeta "Recursos" en este repositorio.

• Tipos de mime de IIS
• Servir correctamente WebFonts

Recursos

• ArcGIS para JavaScript API Resource Center
• Blog de Arcgis
• Twitter@esri

Asuntos

¿Encuentra un error o quieres solicitar una nueva función? Háganos saber enviando un problema.

Que contribuye

Cualquiera y todos pueden contribuir. :)

Licencia

Copyright 2012 ESRI

Licenciado bajo la licencia Apache, versión 2.0 (la "licencia"); No puede usar este archivo, excepto de conformidad con la licencia. Puede obtener una copia de la licencia en

http://www.apache.org/licenses/license-2.0

A menos que la ley aplicable sea requerida o acordado por escrito, el software distribuido bajo la licencia se distribuye de manera "como es", sin garantías o condiciones de ningún tipo, ya sea expresas o implícitas. Consulte la licencia para los permisos y limitaciones de rigor de idioma específico bajo la licencia.

Una copia de la licencia está disponible en el archivo License.txt del repositorio.