ArcGIS API for JavaScript開發環境建置及第一個實例demo
- 黄舟原創
- 2017-03-30 16:30:182857瀏覽
ESRI公司截止到目前已經發布了最新的ArcGIS Server for JavaScript API v3.9，它提供了更豐富且強大的功能。
一、安裝前準備
1、ArcGIS Server for JavaScript API各版本下載地址：http://support.esrichina-bj.cn/2011/0223/960.html，我們選擇下載最新的「Arc.cn/2011/0223/960.html，我們選擇下載最新的「Arc.cn JavaScript 3.9：Library | SDK」,如下圖：
2、下載到本地的文件如下圖所示：
圖片。 ：
4、確保本地已經安裝了IIS，如果沒有的話，請參考以下地址進行配置：
http://jingyan.baidu.com/article/8275fc8694360146a038 sdk本地IIS設定部署
1、開啟C:Inetpubwwwroot資料夾。
2、將arcgis_js_v39_sdk資料夾直接拷貝到C:Inetpubwwwroot下，變成C:Inetpubwwwrootarcgis_js_v39_sdk，
p. _js_api目錄下的library資料夾拷貝到
C: inetpubwwwrootarcgis_js_v39_sdkarcgis_js_api下，變成
C:inetpubwwwrootarcgis_js_v39_sdkarcgis_js_apilibrary，如下圖所示：
5,4888ooo ，說明初步部署成功：
5、找到C:inetpubwwwrootarcgis_js_v39_sdkarcgis_js_apilibrary3.93.9init.js文件，利用記事本或EditPlus cgis_js_api/library/3.9/3.9 /，其中
6、找到C:inett130cgis_jj39_或EditPlus打開，Ctrl+ F組合鍵查找[HOSTNAME_AND_PATH_TO_JSAPI],並替換為
9、找到C:inetpubwwwrootarcgis_js_v39_sdkarcgis_js_apilibrary3.93.9compactjsdojodojodojo.js檔案，利用記事本或EditPlus_my_m+F) 9_sdk/arcgis_js_api/library/3.9/ 3.9 compact/,其中
10、經過上面9個步驟，我們就完成了Arc
10、經過上面9個步驟，我們就完成了ArcGISGIS API for的本地部署。
1、開啟VS2012，新建一個空白Web項目，新增一個index.html文件，文件內容如下圖：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>第一个js GIS地图</title>
<style>
html, body, #mapDiv {
padding: 0;
margin: 0;
height: 100%;
}
</style>
<link rel="stylesheet" type="text/css" href="http://localhost/arcgis_js_v39_sdk/arcgis_js_api/library/3.9/3.9/js/dojo/dijit/themes/tundra/tundra.css" />
<link rel="stylesheet" type="text/css" href="http://localhost/arcgis_js_v39_sdk/arcgis_js_api/library/3.9/3.9/js/esri/css/esri.css" />
<script type="text/javascript" src="http://localhost/arcgis_js_v39_sdk/arcgis_js_api/library/3.9/3.9/init.js"></script>
<script type="text/javascript">
dojo.require("esri.map");
function init() {
var myMap = new esri.Map("mapDiv");
var myTiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer(
"http://cache1.arcgisonline.cn/ArcGIS/rest/services/ChinaOnlineCommunityENG/MapServer");
myMap.addLayer(myTiledMapServiceLayer);
}
dojo.addOnLoad(init);
</script>
</head>
<body class="claro">
<p id="mapDiv" style="width: 900px; height: 600px; border: 1px solid #000;"></p>
</body>
</html>2、運行index.html頁面，如下圖：
