1. 程式人生 > 實用技巧 >IIS本地部署Arcgis for js API

IIS本地部署Arcgis for js API

ArcGIS API for JavaScript開發的首要步驟就是引入ArcGIS想關的樣式檔案及開發包,對於此樣式檔案及開發包的引用有兩種形式:線上引用和離線載入。對於一般的示例程式編寫,我們只需簡單的引入線上的開發包即可,但是在自己開發過程中可能會有引入離線開發包的需求,所以本教程將介紹IIS如何本地部署API檔案,具體操作如下:

1 開啟“https://developers.arcgis.com/javascript/”網址j進入下載頁面,下載相應版本的API,如下圖所示:

2 解壓下載好的API檔案,然後將相應版本號的資料夾移動到伺服器中(IIS),本例是將4.15檔案移動到IIS,如圖:

3 分別將資料夾中的“init.js”及“dojo/dojo.js”檔案中的“[HOSTNAME_AND_PATH_TO_JSAPI]”修改為在本地的部署路徑“localhost/4.15”,如下圖所示:

4.在IIS釋出並做跨域配置,如圖所示:

5.在專案中使用

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no"
> <title>create a 2D map</title> </head> <style> html, body, #viewDiv { padding: 0; margin: 0; height: 100%; width: 100%; } </style> <link rel="stylesheet" href="http://localhost/4.15/esri/css/main.css"> <script src="http://localhost/4.15/init.js"
></script> <body> <div id="viewDiv"></div> </body> <script> require([ "esri/Map", "esri/views/MapView", "dojo/domReady!"], function (Map, MapView) { //檢視分離 var map = new Map({ basemap: "streets" }); var view = new MapView({ container: "viewDiv", map: map, zoom: 4,//放大倍數 center: [15, 65] }); }); </script> </html>
View Code