ArcGIS API for JavaScript 本地IIS部署

目錄

1、官網下載

首先到官網下載最新版本的API和SDK(api是開發需要的庫,sdk是說明文檔和例子)
http://support.esrichina-bj.cn/2011/0223/960.html

這裏寫圖片描述

2、解壓使用

將下載下來的arcgis_js_v39_api文件和arcgis_js_v39_sdk文件分別解壓,解壓的兩個文件夾下面都有arcgis_js_api文件夾,將兩個文件夾下的東西拷貝到一個arcgis_js_api下面,像這樣
解壓後

3、API配置

(選擇AB方案之一配置即可)

A、默認配置

打開API包中的arcgis_js_api/library/3.9/install.htm安裝說明進行配置,這裏WIN7默認的IIS服務器根目錄爲(C:\inetpub\wwwroot)
版本
(1)標準版配置

打開:C:\Inetpub\wwwroot\arcgis_js_api\library\3.9\3.9\init.js
搜索[HOSTNAME_AND_PATH_TO_JSAPI]替換成<你的ip地址>/arcgis_js_api/library/3.9/3.9/

打開:C:\Inetpub\wwwroot\arcgis_js_api\library\3.9\3.9\js\dojo\dojo\dojo.js
搜索[HOSTNAME_AND_PATH_TO_JSAPI]替換爲<你的ip地址>/arcgis_js_api/library/3.9/3.9/

(2)壓縮版配置

打開:C:\Inetpub\wwwroot\arcgis_js_api\library\3.9\3.9compact\init.js 搜索[HOSTNAME_AND_PATH_TO_JSAPI] 替換爲<你的ip地址>/arcgis_js_api/library/3.9/3.9compact/

打開:C:\Inetpub\wwwroot\arcgis_js_api\library\3.9\3.9compact\js\dojo\dojo\dojo.js 搜索[HOSTNAME_AND_PATH_TO_JSAPI] 替換爲<你的ip地址>/arcgis_js_api/library/3.9/3.9compact/

B、自定義配置

(一)若不想默認此路徑則可以自己配置IIS服務器

(控制面板,類別選擇“大圖標”)
打開控制面板/所有控制面板項/程序和功能/打開或關閉Windows功能
選中Internet 信息服務(確保ASP被選中,下面用得到)

這裏寫圖片描述
控制面板/所有控制面板項/管理工具, 雙擊 Internet 信息服務(IIS)管理器
選中Default Web Site,,雙擊右側的”ASP”,將”行爲”下面的”啓用父路徑”選爲True;
這裏寫圖片描述

選中右側的高級設置,設置你的物理路徑

這裏寫圖片描述
設置端口號,選擇“綁定”,選中信息,單擊編輯,修改端口號
這裏寫圖片描述

然後IIS部署成功!

這裏寫圖片描述

(二)修改後的IIS服務器根目錄爲(E:\webDeml)

版本
(1)標準版配置

打開:E:\webDeml\arcgis_js_api\library\3.9\3.9\init.js
搜索[HOSTNAME_AND_PATH_TO_JSAPI]替換成127.0.0.1/arcgis_js_api/library/3.9/3.9/

打開:E:\webDeml\arcgis_js_api\library\3.9\3.9\js\dojo\dojo\dojo.js
搜索[HOSTNAME_AND_PATH_TO_JSAPI]替換爲127.0.0.1/arcgis_js_api/library/3.9/3.9/

(2)壓縮版配置

打開:E:\webDeml\arcgis_js_api\library\3.9\3.9compact\init.js 搜索[HOSTNAME_AND_PATH_TO_JSAPI] 替換爲127.0.0.1/arcgis_js_api/library/3.9/3.9compact/

打開:E:\webDeml\arcgis_js_api\library\3.9\3.9compact\js\dojo\dojo\dojo.js 搜索[HOSTNAME_AND_PATH_TO_JSAPI] 替換爲127.0.0.1/arcgis_js_api/library/3.9/3.9compact/

4、SDK配置

部署 SDK 很容易,只需要解壓,然後放到服務器根目錄下即可

5、測試配置

測試代碼如下

<!--index.html-->

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Simple Map</title>
    <link rel="stylesheet" type="text/css" href="http://127.0.0.1/arcgis_js_api/library/3.9/3.9compact/js/dojo/dijit/themes/tundra/tundra.css"/>
    <link rel="stylesheet" type="text/css" href="http://127.0.0.1/arcgis_js_api/library/3.9/3.9compact/js/esri/css/esri.css" />
    <script type="text/javascript" src="http://127.0.0.1/arcgis_js_api/library/3.9/3.9compact/init.js"></script>

    <script type="text/javascript">

        dojo.require("esri.map");

        function init() {
            var myMap = new esri.Map("mapDiv");
            //note that if you do not have public Internet access then you will need to point this url to your own locally accessible cached service.

            var myTiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/NGS_Topo_US_2D/MapServer");

            myMap.addLayer(myTiledMapServiceLayer);

        }

        dojo.addOnLoad(init);

    </script>

</head>

<body class="tundra">
<div id="mapDiv" style="width:900px; height:600px; border:1px solid #000;"></div>

</body>

</html>

如果出現效果如下,則代表配置成功
這裏寫圖片描述

發佈了54 篇原創文章 · 獲贊 16 · 訪問量 4萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章