1. 下載
https://developers.arcgis.com/downloads/apis-and-sdks?product=javascript
官方地址
2. 部署
-
把下載的arcgis api 4.14 離線包解壓拷貝到wwwroot目錄下，在 4.14 文件夾之前的路徑為 C:\inetpub\wwwroot\arcgis_js_v414_api\arcgis_js_api\library ：
-
C:\inetpub\wwwroot\arcgis_js_v414_api\arcgis_js_api\library \4.14\init.js ；
-
init.js 文件里面，全局搜索 [HOSTNAME_AND_PATH_TO_JSAPI] ，然后替換成 api 在本地機器上的部署路徑，我的配置如下：https://127.0.0.1:6636/arcgis_js_api/library/4.14
-
同理，配置 C:\inetpub\wwwroot\arcgis_js_v414_api\arcgis_js_api\library\4.14\dojo\dojo.js 文件
全局搜索 [HOSTNAME_AND_PATH_TO_JSAPI] ，然后替換成 api 在本地機器上的部署路徑，我的配置如下：https://127.0.0.1:6636/arcgis_js_api/library/4.14/
3. 測試
測試代碼，有個問題需要注意：
引用線上的官方版本，js 調用的是 4.14 目錄即可，而在 離線版本中引用 js 需要引用到 init.js 。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
<title>Intro to MapView - Create a 2D map - 4.10</title>
<style>
html,
body,
#viewDiv {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
</style>
<link rel="stylesheet" href="http://127.0.0.1:6636/arcgis_js_api/library/4.14/esri/css/main.css">
<script src="http://127.0.0.1:6636/arcgis_js_api/library/4.14/init.js"></script>
<script>
require([
"esri/Map",
"esri/views/MapView"
], function(Map, MapView) {
var map = new Map({
basemap: "streets"
});
var view = new MapView({
container: "viewDiv",
map: map,
zoom: 4,
center: [15, 65] // longitude, latitude
});
});
</script>
</head>
<body>
<div id="viewDiv"></div>
</body>
</html>
在有互聯網情況下，地圖能夠加載出來，說明離線部署成功
4. 跨域錯誤
3.x 版本離線部署沒有出現這種問題，所以，需要在IIS中添加跨域讀取：
-
打開IIS界面，點擊HTTP響應標頭
-
在右側可以看到添加，然后添加如下標頭即可
Access-Control-Allow-Headers：Content-Type, api_key, Authorization
Access-Control-Allow-Origin：*
-