创建第一个ArcGIS API for JavaScript 应用

love6747888 · 发表于 2015-6-1 17:52

         步骤：
         1.创建一个简单的HTML文档
         <html>
            <head>
               <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
               <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
               <title></title>
            </head>
         </html>
      2.添加 ArcGIS API for JavaScript 引用
         <link rel="stylesheet" href="http://js.arcgis.com/3.13/esri/css/esri.css">
   <script src="http://js.arcgis.com/3.13/"></script>
         说明：此处是应用的网络上的，可以下载下来再本地引用应用。
      3.加载模块
         <script>
            require(["esri/map"], function(Map) { ... });
         </script>
         注意：回调函数的参数尽量用Map,官方推荐使用，不做过多的解释。
      4.确保DOM是可用的
         <script>
         require(["esri/map", "dojo/domReady!"], function(Map) {
               // code to create the map and add a basemap will go here
            // 在这个位置创建地图和添加基本地图
         });
      </script>
      5.创建地图
      var map;
      require(["esri/map", "dojo/domReady!"], function(Map) {
      map = new Map("mapDiv", {
      center: [-56.049, 38.485],
      zoom: 3,
      basemap: "streets"
      });
      });
      注意：map变量在此处是全局的。
      6.定义页面内容
      <body class="claro">
      <div id="mapDiv"></div>
      </body>
     说明：body应用claro是应用claro style sheet的样式，此样式在我们添加的脚本中。
               div是用来显示地图用的。
      7.页面的样式（可以根据自己的应用更改或者不用）
      <style>
   html, body, #mapDiv {
padding: 0;
margin: 0;
height: 100%;
   }
</style>
      之后就可以通过浏览器打开网页，建议是在联网的状态下，因为我们引入的是王略脚本。
      简单的入门案例，希望对大家有所帮助。

[技术交流] 创建第一个ArcGIS API for JavaScript 应用