Heim > Web-Frontend > js-Tutorial > Aufbau einer ArcGIS API für die JavaScript-Entwicklungsumgebung und erste Beispieldemo

Aufbau einer ArcGIS API für die JavaScript-Entwicklungsumgebung und erste Beispieldemo

黄舟
Freigeben: 2017-03-30 16:30:18
Original
2943 Leute haben es durchsucht

ESRI hat bisher den neuesten ArcGIS Server für JavaScript API v3.9 veröffentlicht, der umfangreichere und leistungsfähigere Funktionen bietet.

1. Vorbereitung vor der Installation

1. Download-Adresse für jede Version der ArcGIS Server for JavaScript API: http://support.esrichina-bj.cn/2011/0223/960.html , wir entscheiden uns für den Download der neuesten „ArcGIS API for JavaScript 3.9: Library | SDK“, wie in der Abbildung unten gezeigt:

Aufbau einer ArcGIS API für die JavaScript-Entwicklungsumgebung und erste Beispieldemo

2. Die Datei wurde in den lokalen Bereich heruntergeladen ist wie in der Abbildung unten gezeigt:

Aufbau einer ArcGIS API für die JavaScript-Entwicklungsumgebung und erste Beispieldemo

3. Entpacken Sie die beiden oben genannten Zip-Pakete, wie unten gezeigt:

Aufbau einer ArcGIS API für die JavaScript-Entwicklungsumgebung und erste Beispieldemo

4 . Stellen Sie sicher, dass IIS lokal installiert wurde. Wenn nicht, lesen Sie bitte die folgende Adresse für die Konfiguration:

http://jingyan.baidu.com/article/8275fc8694360146a03cf6c3.html

2. API- und SDK-lokale IIS-Konfigurationsbereitstellung

1. Öffnen Sie den Ordner C:Inetpubwwwroot.

2. Kopieren Sie den Ordner arcgis_js_v39_sdk direkt nach C:Inetpubwwwroot und ändern Sie ihn in C:Inetpubwwwrootarcgis_js_v39_sdk,

wie unten gezeigt:

Aufbau einer ArcGIS API für die JavaScript-Entwicklungsumgebung und erste Beispieldemo

3. Kopieren Sie den Bibliotheksordner im Verzeichnis arcgis_js_v39_apiarcgis_js_api nach

C:inetpubwwwrootarcgis_js_v39_sdkarcgis_js_api und ändern Sie ihn in

C:inetpubwwwrootarcgis._js_v39_sdkarcgis_js_apili brary, wie unten gezeigt:

Aufbau einer ArcGIS API für die JavaScript-Entwicklungsumgebung und erste Beispieldemo

4. Öffnen Sie IIS, wie in der Abbildung unten gezeigt, durchsuchen Sie install.htm, wie in der Abbildung unten gezeigt, um anzuzeigen, dass die erste Bereitstellung erfolgreich war:

Aufbau einer ArcGIS API für die JavaScript-Entwicklungsumgebung und erste Beispieldemo

Aufbau einer ArcGIS API für die JavaScript-Entwicklungsumgebung und erste Beispieldemo

5. Suchen Sie die Datei C:inetpubwwwrootarcgis_js_v39_sdkarcgis_js_apilibrary3.93.9init.js und öffnen Sie sie mit der Tastenkombination Strg+F, um [HOSTNAME_AND_PATH_TO_JSAPI] zu finden und durch / zu ersetzen. arcgis_js_ v39_sdk/arcgis_js_api/library/ 3.9/3.9/, wobei der Maschinenname oder die Maschinen-IP ist. Es kann localhost oder 192.168.11.195 sein. Hier verwende ich localhost, wie in der Abbildung unten gezeigt:

Aufbau einer ArcGIS API für die JavaScript-Entwicklungsumgebung und erste Beispieldemo

Aufbau einer ArcGIS API für die JavaScript-Entwicklungsumgebung und erste Beispieldemo

6. Finden Sie C: inetpubwwwrootarcgis_js_v39_sdkarcgis_js_apilibrary3 .93.9jsdojodojodojo.js Datei, öffnen Sie sie mit Notepad oder EditPlus, suchen Sie mit der Tastenkombination Strg+F nach [HOSTNAME_AND_PATH_TO_JSAPI] und ersetzen Sie sie durch /arcgis_js_v39_sdk/arcgis_ js_api/library/3.9/3.9/, Dabei ist der Maschinenname oder die Maschinen-IP ohne http-Präfix. Es kann localhost oder 192.168.11.195 sein. Hier verwende ich localhost, wie in der Abbildung unten gezeigt:

Aufbau einer ArcGIS API für die JavaScript-Entwicklungsumgebung und erste Beispieldemo

Aufbau einer ArcGIS API für die JavaScript-Entwicklungsumgebung und erste Beispieldemo

Aufbau einer ArcGIS API für die JavaScript-Entwicklungsumgebung und erste Beispieldemo

7. Suchen Sie, wie in der Abbildung unten gezeigt, den Ordner 3.9compact. Die Vorgänge der nächsten Schritte 8) und 9) sind genau die gleichen wie 5) und 6), außer dass die Vorgänge 8) und 9) ausgeführt werden gelten für den 3.9-Kompaktordner und 5) ), 6) Der Vorgang gilt für den 3.9-Ordner, wie unten gezeigt:

Aufbau einer ArcGIS API für die JavaScript-Entwicklungsumgebung und erste Beispieldemo


8. Öffnen Sie die Datei C:inetpubwwwrootarcgis_js_v39_sdkarcgis_js_apilibrary3.93.9compactinit.js mit Notepad oder EditPlus; suchen Sie mit der Tastenkombination Strg+F nach [HOSTNAME_AND_PATH_TO_JSAPI] und ersetzen Sie sie durch /arcgis_js_v39_sdk/arcgis_js_ap i/library/3.9/3.9compact/ , wobei der Maschinenname oder die Maschinen-IP ist. Beachten Sie, dass es kein http-Präfix gibt. Es kann localhost oder 192.168.11.195 sein. Hier verwende ich localhost, wie in der Abbildung unten gezeigt:

Aufbau einer ArcGIS API für die JavaScript-Entwicklungsumgebung und erste Beispieldemo

Aufbau einer ArcGIS API für die JavaScript-Entwicklungsumgebung und erste Beispieldemo

9. Suchen Sie die Datei C:inetpubwwwrootarcgis_js_v39_sdkarcgis_js_apilibrary3.93.9compactjsdojodojodojo.js, öffnen Sie sie mit Notepad oder EditPlus, suchen Sie mit der Tastenkombination Strg+F nach [HOSTNAME_AND_PATH_TO_JSAPI] und ersetzen Sie sie durch & lt;myserver>/ arcgis_js_v39_sdk/arcgis_js_api/library/3.9/ 3.9compact/, wobei der Maschinenname oder die Maschinen-IP ist, ohne http-Präfix. Es kann localhost oder 192.168.11.195 sein. Hier verwende ich localhost, wie in der Abbildung unten gezeigt:

Aufbau einer ArcGIS API für die JavaScript-Entwicklungsumgebung und erste Beispieldemo

Aufbau einer ArcGIS API für die JavaScript-Entwicklungsumgebung und erste Beispieldemo

10. Nach dem oben Gesagten In 9 Schritten haben wir die lokale Bereitstellung der ArcGIS API für JavaScript abgeschlossen.


3. Instanz-Demo läuft

1. Öffnen Sie VS2012, erstellen Sie ein neues leeres Webprojekt, fügen Sie eine index.html-Datei hinzu, die Datei Der Inhalt ist wie folgt: Wie im Bild gezeigt:

Aufbau einer ArcGIS API für die JavaScript-Entwicklungsumgebung und erste Beispieldemo

Die hier verwendeten CSS- und JS-Dateien sind die Pfade auf dem lokalen Server, die in den vorherigen Schritten konfiguriert wurden.

<!DOCTYPE html>  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    <title>第一个js GIS地图</title>  
    <style>  
        html, body, #mapDiv {  
            padding: 0;  
            margin: 0;  
            height: 100%;  
        }  
    </style>  
    <link rel="stylesheet" type="text/css" href="http://localhost/arcgis_js_v39_sdk/arcgis_js_api/library/3.9/3.9/js/dojo/dijit/themes/tundra/tundra.css" />  
    <link rel="stylesheet" type="text/css" href="http://localhost/arcgis_js_v39_sdk/arcgis_js_api/library/3.9/3.9/js/esri/css/esri.css" />  
    <script type="text/javascript" src="http://localhost/arcgis_js_v39_sdk/arcgis_js_api/library/3.9/3.9/init.js"></script>  
    <script type="text/javascript">  
        dojo.require("esri.map");  
        function init() {  
            var myMap = new esri.Map("mapDiv");  
            var myTiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer(
            "http://cache1.arcgisonline.cn/ArcGIS/rest/services/ChinaOnlineCommunityENG/MapServer");  
            myMap.addLayer(myTiledMapServiceLayer);  
        }  
        dojo.addOnLoad(init);  
    </script>  
</head>  
<body class="claro">  
    <p id="mapDiv" style="width: 900px; height: 600px; border: 1px solid #000;"></p>  
</body>  
</html>
Nach dem Login kopieren


2. Führen Sie die Seite index.html aus, wie unten gezeigt:

Aufbau einer ArcGIS API für die JavaScript-Entwicklungsumgebung und erste Beispieldemo


Das Obige ist der Inhalt der ArcGIS API für JavaScript-Entwicklungsumgebung und die erste Beispieldemo. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!


Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage