Heim >Web-Frontend >js-Tutorial >Erstellen Sie das erste Beispielprogramm für die ArcGIS API für JavaScript

Erstellen Sie das erste Beispielprogramm für die ArcGIS API für JavaScript

黄舟Original: 2017-02-09 16:51:082012Durchsuche

Im vorherigen Blog haben wir vorgestellt, wie Sie die Entwicklungsumgebung ArcGIS API für JavaScript einrichten.

Wenn die Die Entwicklungsumgebung ist eingerichtet. Okay, heute fahren wir mit der Erstellung unserer ersten ArcGIS API für JavaScript-Anwendung fort.

Als nächstes fügen Sie zunächst den Code ein und kopieren ihn auf die neu erstellte HTML-Seite in VS2012.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>JS GIS地图</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no" />
    <style type="text/css">
        html, body, #map
        {
            height: 100%;
            width: 100%;
            margin: 0;
            padding: 0;
        }
        body
        {
            background-color: #FFF;
            overflow: hidden;
            font-family: "Trebuchet MS";
        }
    </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">
        var map;
        require(["esri/map", "dojo/domReady!"], function (Map) {
            map = new Map("map", {
                basemap: "topo",
                center: [118.932036047149, 32.09141405],
                zoom: 10
            });
        });
    </script>
</head>
<body>
    <div id="map">
    </div>
</body>
</html>

Das Laufeffektdiagramm sieht wie folgt aus:

Erstellen Sie das erste Beispielprogramm für die ArcGIS API für JavaScript

Als nächstes konzentrieren wir uns auf den folgenden js-Code, der die AMD-Methode verwendet:

<script type="text/javascript">
              var map;
              require(["esri/map", "dojo/domReady!"], function (Map) {
                  map = new Map("map", {
                      basemap: "topo",
                      center: [118.932036047149, 32.09141405],
                      zoom: 10
                 });
             });
     </script>

Verwenden Sie die bevorzugten Parameter von Esri, wenn Sie Parameter in der Callback-Funktion „require“ benennen. Im obigen Code wird ein Verweis auf die esri/map-Ressource bereitgestellt, und dann wird ein Map-bevorzugter Parameter in der internen anonymen Funktion bereitgestellt. Jede Ressource, auf die in der Anforderungsfunktion verwiesen wird, verfügt über einen entsprechenden Parameter, um Zugriff auf die Ressource bereitzustellen.

Die veraltete Schreibmethode lautet wie folgt:

<script type="text/javascript">
           dojo.require("esri.map");
           function init() {
               var map = new esri.Map("map", {
                    basemap: "topo",
                    center: [118.932036047149, 32.09141405],
                    zoom: 10
              });
          }
         dojo.ready(init);
     </script>

Offizielle Dokumente empfehlen die Verwendung von require. Als Trennzeichen für den Modulnamen wird nur noch a empfohlen grammatikalische Anforderung.

Das Obige ist der Inhalt des ersten Beispielprogramms zum Erstellen der ArcGIS-API für JavaScript. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!

Stellungnahme：

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

Vorheriger Artikel：Verwendung von Layout-Containern und Stapelcontainern in der Dojo-EntwicklungNächster Artikel：Verwendung von Layout-Containern und Stapelcontainern in der Dojo-Entwicklung

In Verbindung stehende Artikel

Mehr sehen