impact summary map template js

Impact-Summary-Map-Template-Js

Cette carte interactive met en évidence une zone et montre un résumé des données liées à son emplacement. Les données présentées dans les boîtes, au bas de la carte, peuvent être des données entières vous permettant de répondre à de nouvelles questions sur les emplacements auxquels vous ne pouvez pas répondre avec des cartes seules.

Par exemple, sur la pose de la paire, vous pouvez enrichir votre polygone avec des données démographiques, du paysage, de l'infrastructure et d'autres variables à l'aide de la couche Enrich ou analysez vos propres données avec des points agrégés. Ensuite, vous pouvez utiliser ce modèle pour afficher votre analyse avec une application de mappage Web simple.

Voir ça en direct

Le modèle peut être configuré à l'aide des options suivantes:

• Carte: Choisissez la carte Web à utiliser dans votre application.
• Réactif: Un tiroir latéral est montré lorsque sa taille peut être accueillie. Le tiroir réactif peut être activé ou désactivé par l'utilisateur et permet à l'application d'être intégrée dans des blogs et des sites Web.
• Navigation: les boutons à domicile et à localiser ajoutent une facilité de navigation sur la carte.
• Contenu: résumez les données entières en choisissant une couche de service de fonctionnalités contenant les champs. Une couche contenant plusieurs fonctionnalités et a un rendu défini permet de sélectionner les fonctionnalités par les valeurs de rendu. Un tableau de bord interactif offre la possibilité de classer les champs dans jusqu'à 4 panneaux de groupe et page via les champs.
• Résumé: Décrivez brièvement votre demande dans le panneau "Zone".
• Recherche: activez la recherche d'adresses et de lieux.
• Partagez: Partagez cette application via Twitter, Facebook, Google+ ou générez du HTML pour intégrer un blog ou un site Web.
• BasEMAP: Activer le basculement entre deux ESRI BaseMaps.
• Couches: Basculez la visibilité des couches.
• Légende: Affichez une légende.
• À propos: Afficher les informations sur l'application. La boîte de dialogue peut également être définie pour ouvrir au démarrage.

Instructions

1. Téléchargez et dézip le fichier .zip ou clonez le référentiel.
2. Le répertoire est-il en ligne.
3. Accéder à la page .html.
4. Commencez à écrire votre modèle!

Nouveau sur github? Commencez ici.

Déploiement

1. Pour déployer cette application, téléchargez le modèle à partir de Portal / ArcGIS en ligne et dézippez-le.
2. Copiez le dossier Unzipped contenant les fichiers de modèle d'application Web, tels que index.html, sur votre serveur Web. Vous pouvez renommer le dossier pour modifier l'URL par lequel les utilisateurs accéderont à l'application. Par défaut, l'URL vers l'application sera http://<Your Web Server>/<app folder name>/index.html
3. Modifiez l'hôte de partage, trouvé dans default.js à l'intérieur du dossier de configuration de l'application, vers l'URL de partage pour ArcGIS en ligne ou portail. Pour les utilisateurs d'ArcGis Online, gardez la valeur par défaut de www.arcgis.com ou spécifiez le nom de votre organisation.

• ArcGis en ligne Exemple: "sharinghost": "https://" + “<your organization name>.maps.arcgis.com
• Exemple de portail où arcgis est le nom de l'adaptateur Web: "sharinghost": "https://" + "webadaptor.domain.com/arcgis"

4. Si vous utilisez un portail ou une installation locale de l'API ARCGIS pour JavaScript, modifiez toutes les références à l'API ArcGIS pour JavaScript dans index.html pour référer à votre copie locale de l'API. Recherchez les références contenant "https://js.arcgis.com/3.35" et remplacez cette partie de la référence par l'URL à votre installation locale.

• Par exemple: "https://webadaptor.domain.com/arcgis/jsapi/jsapi" où arcgis est le nom de votre adaptateur Web.

5. Copiez une carte ou un ID de groupe à partir du portail / ArcGIS en ligne et remplacez l'ID de carte Web par défaut dans la page index.html de l'application. Vous pouvez désormais exécuter l'application sur votre serveur Web ou personnaliser davantage l'application.

Remarque: Si votre application modifie les fonctionnalités d'un service de fonctionnalités, contient des services sécurisés ou des cartes Web qui ne sont pas partagées publiquement ou générer des demandes dépassant 200 caractères, vous devrez peut-être configurer et utiliser une page proxy. Les situations courantes où vous pouvez dépasser la longueur de l'URL utilisent des polygones complexes comme entrée dans une tâche ou spécifiant une référence spatiale en utilisant du texte bien connu (WKT). Pour plus de détails sur l'installation et la configuration d'une page proxy, voir à l'aide du proxy. Si vous n'avez pas de connexion Internet, vous devrez accéder et déployer l'API ARCGIS pour la documentation JavaScript à partir de développeurs.arcgis.com.

Exigences de couche de données

Le modèle nécessite un FeatureLayer avec des attributs numériques pour afficher les données du panneau de bloc sur la carte.

Configuration du modèle

Ce modèle a un constructeur d'applications intégré. Si vous utilisez ce modèle via ArcGis.com, vous pouvez profiter de ce constructeur tout en étant connecté à ArcGIS. Si vous êtes le propriétaire de l'application via le paramètre AppID, vous verrez une option pour entrer le mode Builder et commencer à configurer le modèle.

Si vous n'utilisez pas les applications ArcGis Online, vous pouvez configurer ce modèle à l'aide du dossier default.js dans le dossier de configuration. Pour configurer la couche de données, entrez l'ID FeatureLayer dans la propriété "SummaryLayer": "ID". Vous aurez besoin de connaître l'ID de cette couche. L'ID de la couche peut être vu dans la réponse WebMap JSON ou en enregistrant l'objet Featlayer à la console.

Une fois que vous avez la couche avec les données configurées, vous pouvez commencer à saisir les attributs que vous souhaitez afficher en modifiant la propriété "SummaryAttributes" dans les défauts.

Vous pouvez spécifier 1 à 4 variables principales et chacune peut avoir des sous-variables de plusieurs personnes qui seront affichées lorsque la variable principale est cliquée. Pour la variable principale, vous pouvez éventuellement un lien vers une source pour les données. Chaque variable peut également avoir une étiquette.

Exemple de couche

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

Exemple d'attributs

 "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"
    }]
}]

Nouveau sur github? Commencez ici.

Exigences

• Bloc-notes ou éditeur HTML
• Un peu de fond avec javascript
• L'expérience avec l'API ArcGis Javascript aiderait.

Webfonts

Cette application utilise un webfont personnalisé créé sur Fontello. Si vous hébergez cette application sur votre propre serveur, assurez-vous qu'il est configuré pour héberger les fichiers WebFont avec les types MIME corrects. Certains serveurs nécessitent un jeu de type MIME pour ces fichiers pour pouvoir les servir correctement. Voir les URL suivantes pour plus d'informations. Il existe une archive zip du webfont avec sa configuration de Fontello dans le dossier "Ressources" de ce référentiel.

• Iis mime types
• Servir correctement les webfonts

Ressources

• ArcGIS pour JavaScript API Resource Center
• Blog ArcGIS
• twitter @ esri

Problèmes

Trouver un bug ou demander une nouvelle fonctionnalité? Veuillez nous le faire savoir en soumettant un problème.

Contributif

Tout le monde et tout le monde est invité à contribuer. :)

Licence

Copyright 2012 Esri

Licencié sous la licence Apache, version 2.0 (la "licence"); Vous ne pouvez pas utiliser ce fichier sauf conforme à la licence. Vous pouvez obtenir une copie de la licence à

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

Sauf exiger la loi applicable ou convenu par écrit, les logiciels distribués en vertu de la licence sont distribués sur une base «tel quel», sans garantie ou conditions d'aucune sorte, expresse ou implicite. Voir la licence pour la langue spécifique régissant les autorisations et les limitations sous la licence.

Une copie de la licence est disponible dans le fichier licence.txt du référentiel.