Arcgis api for javascript(3.22版本)官方地址 ：https://developers.arcgis.com/javascript/3/
1. 根据官方示例实现一个简单地图展示功能。
示例代码：
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <link rel="stylesheet" href="https://js.arcgis.com/3.22/esri/css/esri.css">
5 <style type="text/css">
6 html, body { margin: 0; padding: 0; height: 100%; width: 100%; }
7 #viewDiv{ width:100%;height:100%; }
8 </style>
9 <script src="https://js.arcgis.com/3.22/"></script>
10 </head>
11 <body>
12 <div id="viewDiv"></div>
13 <script type="text/javascript">
14 require(["esri/map", "dojo/domReady!"], function(Map) {
15 var map = new Map("viewDiv", {
16 "basemap": "streets"
17 });
18 });
19 </script>
20 </body>
21 </html>
示例截图：
2. Arcgis api for javascript离线部署
引用官网上的资源文件通常请求和加载比较慢，所以离线部署在本地会更好。
第一步：下载 arcgis js api压缩包并解压，有需要的也可以将arcgis js sdk也下载一份。api是我们开发需要的库，sdk是说明文档和例子；
第二步：替换域名 [HOSTNAME_AND_PATH_TO_JSAPI]
找到下面这两个文件，并将文件里面的“[HOSTNAME_AND_PATH_TO_JSAPI]”内容替换成相应的域名(ip地址:端口)
D:\arcgis_js_api\arcgis_js_v320_api\library\3.20\3.20\init.js
D:\arcgis_js_api\arcgis_js_v320_api\library\3.20\3.20\dojo\dojo.js
部署成功后，只需将原来的css和js文件引用改成本地地址就可以了，如下图所示：
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <link rel="stylesheet" href="http://localhost:8003/arcgis_js_v320_api/library/3.20/3.20/esri/css/esri.css">
5 <style type="text/css">
6 html, body { margin: 0; padding: 0; height: 100%; width: 100%; }
7 #viewDiv{ width:100%;height:100%; }
8 </style>
9 </head>
10 <body>
11 <div id="viewDiv"></div>
12 <script src="http://localhost:8003/arcgis_js_v320_api/library/3.20/3.20/init.js"></script>
13 <script type="text/javascript">
14 require(["esri/map", "dojo/domReady!"], function(Map) {
15 var map = new Map("viewDiv", {
16 "basemap": "streets"
17 });
18 });
19 </script>
20 </body>
21 </html>
时间： 2024-10-18 12:52:28