impact summary map template js

Impact-Summary-Map-Template-Js

Diese interaktive Karte zeigt einen Bereich und zeigt eine Zusammenfassung der Daten in Bezug auf ihren Standort. Die in den Feldern angegebenen Daten am Ende der Karte können alle ganzzahligen Daten sein, mit denen Sie neue Fragen zu Orten beantworten können, die Sie nicht allein mit Karten beantworten können.

In der Webkarte können Sie beispielsweise Ihr Polygon mit demografischen Daten, Landschaft, Infrastruktur und anderen Variablen bereichern, indem Sie die Enrich -Layer mit Aggregatpunkten analysieren oder Ihre eigenen Daten analysieren. Anschließend können Sie diese Vorlage verwenden, um Ihre Analyse mit einer einfachen Web -Mapping -Anwendung anzuzeigen.

Betrachten Sie es live

Die Vorlage kann mit den folgenden Optionen konfiguriert werden:

• Karte: Wählen Sie die Webkarte, um sie in Ihrer Anwendung zu verwenden.
• Responsiv: Eine Seitenschublade wird angezeigt, wenn ihre Größe untergebracht werden kann. Die Responsive -Schublade kann vom Benutzer ein- oder ausgeschaltet werden und ermöglicht es der Anwendung, in Blogs und Websites eingebettet zu werden.
• Navigation: Start- und Suchschaltflächen fügen eine einfache Kartennavigation hinzu.
• Inhalt: Fassen Sie Ganzzahldaten zusammen, indem Sie eine FeatureService -Schicht mit den Feldern auswählen. Eine Ebene, die mehrere Funktionen enthält und einen Renderer definiert hat, ermöglicht die Auswahl der Funktionen durch die Renderer -Werte. Ein interaktives Dashboard bietet die Möglichkeit, Felder in bis zu 4 Gruppenpaneele und durch die Felder zu kategorisieren.
• Zusammenfassung: Beschreiben Sie kurz Ihre Anwendung im "Bereich" -Panel.
• Suche: Aktivieren Sie die Suche nach Adressen und Orten.
• Teilen: Teilen Sie diese Anwendung über Twitter, Facebook, Google+ oder generieren Sie HTML zum Einbetten in einen Blog oder eine Website.
• Basemap: Aktivieren Sie zwischen zwei ESRI -Basemaps.
• Ebenen: Sichtbarkeit von Schichten umschalten.
• Legende: Zeigen Sie eine Legende an.
• Über: Informationen zur Anwendung anzeigen. Der Dialog kann auch so eingestellt werden, dass das Start geöffnet ist.

Anweisungen

1. Laden Sie die .zip -Datei herunter und entpacken Sie das Repository.
2. Web-Enable das Verzeichnis.
3. Greifen Sie auf die Seite .html zu.
4. Schreiben Sie Ihre Vorlage!

Neu in Github? Beginnen Sie hier.

Bereitstellung

1. Um diese Anwendung bereitzustellen, laden Sie die Vorlage von Portal/ArcGIS online herunter und entpacken Sie sie.
2. Kopieren Sie den unzippierten Ordner mit Web -App -Vorlagendateien wie index.html auf Ihren Webserver. Sie können den Ordner umbenennen, um die URL zu ändern, durch die Benutzer auf die Anwendung zugreifen können. Standardmäßig ist die URL zur App http://<Your Web Server>/<app folder name>/index.html
3. Ändern Sie den Sharing -Host, der in Standards.js im Konfigurationsordner für die Anwendung gefunden wird, in die Freigabe -URL für ArcGIS Online oder Portal. Halten Sie für ArcGIS -Online -Benutzer den Standardwert von www.arcgis.com oder geben Sie den Namen Ihrer Organisation an.

• ARCGIS Online -Beispiel: "sharinghost": "https://" + “<your organization name>.maps.arcgis.com
• Portal -Beispiel, bei dem arcgis der Name des Webadapters ist: "sharinghost": "https://" + "webadaptor.domain.com/arcgis"

4. Wenn Sie Portal oder eine lokale Installation der ArcGIS -API für JavaScript verwenden, ändern Sie alle Verweise auf die ARCGIS -API für JavaScript in index.html, um auf Ihre lokale Kopie der API zu verweisen. Suchen Sie nach den Referenzen mit "https://js.arcgis.com/3.35" und ersetzen Sie diesen Teil der Referenz durch die URL in Ihrer lokalen Installation.

• Zum Beispiel: "https://webadaptor.domain.com/arcgis/jsapi/jsapi" , wobei arcgis der Name Ihres Webadapters ist.

5. Kopieren Sie eine Karte oder Gruppen -ID aus Portal/ArcGIS online und ersetzen Sie die Standard -Web -Map -ID auf der Seite der Anwendung index.html. Sie können jetzt die Anwendung auf Ihrem Webserver ausführen oder die Anwendung weiter anpassen.

Hinweis: Wenn Ihre Anwendung Funktionen in einem Feature -Dienst bearbeitet, sichere Dienste oder Webkarten enthält, die nicht öffentlich freigegeben werden oder Anfragen überschreiten, die 200 Zeichen überschreiten, müssen Sie möglicherweise eine Proxy -Seite einrichten und verwenden. Gemeinsame Situationen, in denen Sie die URL-Länge überschreiten können, verwenden komplexe Polygone als Eingabe für eine Aufgabe oder die Angabe einer räumlichen Referenz mithilfe des bekannten Textes (WKT). Weitere Informationen zum Installieren und Konfigurieren einer Proxy -Seite finden Sie unter Verwendung des Proxy. Wenn Sie keine Internetverbindung haben, müssen Sie auf die ARCGIS -API für JavaScript -Dokumentation von Entwicklern.ARCGIS.com zugreifen und bereitstellen.

Datenschichtanforderungen

Die Vorlage erfordert einen FeaturelaTer mit numerischen Attributen, um die Daten im Block -Panel über der Karte anzuzeigen.

Konfigurieren der Vorlage

In dieser Vorlage ist ein Anwendungsbauer in integriert. Wenn Sie diese Vorlage über arcgis.com verwenden, können Sie diesen Bauherrn nutzen, während Sie sich in ArcGIS angemeldet haben. Wenn Sie über den APPID -Parameter Eigentümer der Anwendung sind, sehen Sie eine Option zum Eingeben des Builder -Modus und der Konfiguration der Vorlage.

Wenn Sie keine ArcGIS -Online -Anwendungen verwenden, können Sie diese Vorlage mithilfe der Standards.js im Konfigurationsordner konfigurieren. Um die Datenebene zu konfigurieren, geben Sie die Featurelayer -ID in die Eigenschaft "summaryLayer" ein: "ID". Sie müssen die ID dieser Schicht kennen. Die ID der Ebene ist in der WebMap JSON -Antwort oder durch Anmeldung des Featurelayer -Objekts bei der Konsole zu sehen.

Sobald Sie die Ebene mit den Daten konfiguriert haben, können Sie mit dem Eingeben beginnen, welche Attribute Sie anzeigen möchten, indem Sie die Eigenschaft "summaryAttributes" in den Standardeinstellungen bearbeiten.

Sie können 1-4 Hauptvariablen angeben und jeweils 0-viele Subvariablen haben, die angezeigt werden, wenn auf die Hauptvariable geklickt wird. Für die Hauptvariable können Sie optional mit einer Quelle für die Daten verlinken. Jede Variable kann auch ein Etikett dafür haben.

Ebenenbeispiel

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

Attribute Beispiel

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

Neu in Github? Beginnen Sie hier.

Anforderungen

• Notepad- oder HTML -Editor
• Ein kleiner Hintergrund mit JavaScript
• Die Erfahrung mit der Arcgis JavaScript -API würde helfen.

Webfonts

Diese Anwendung verwendet eine benutzerdefinierte Webfont, die auf Fontello erstellt wurde. Wenn Sie diese Anwendung auf Ihrem eigenen Server hosten, stellen Sie sicher, dass sie so konfiguriert ist, dass die WebFont -Dateien mit den richtigen MIME -Typen hosten. Einige Server benötigen einen MIME -Typ, damit diese Dateien sie richtig bedienen können. Weitere Informationen finden Sie in den folgenden URLs. Es gibt ein ZIP -Archiv des WebFont mit der Fontello -Konfiguration im Ordner "Ressourcen" in diesem Repository.

• IIS MIME -Typen
• Servieren Sie Webfonts ordnungsgemäß

Ressourcen

• Arcgis für JavaScript API Resource Center
• Arcgis Blog
• Twitter@Esri

Probleme

Finden Sie einen Fehler oder möchten Sie eine neue Funktion anfordern? Bitte teilen Sie uns dies mit, indem Sie ein Problem einreichen.

Beitragen

Jeder und jeder ist eingeladen, einen Beitrag zu leisten. :)

Lizenzierung

Copyright 2012 Esri

Lizenziert unter der Apache -Lizenz, Version 2.0 (der "Lizenz"); Sie dürfen diese Datei nur in Übereinstimmung mit der Lizenz verwenden. Sie können eine Kopie der Lizenz bei erhalten

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

Sofern nicht nach geltendem Recht oder schriftlich zu vereinbart wird, wird die im Rahmen der Lizenz verteilte Software auf "As is" -Basis ohne Gewährleistung oder Bedingungen jeglicher Art ausdrücklich oder impliziert verteilt. Siehe die Lizenz für die spezifischen Sprachberechtigungen und Einschränkungen im Rahmen der Lizenz.

Eine Kopie der Lizenz ist in der lizenz.txt -Datei des Repository verfügbar.