一般引用ArcGIS API for JavaScript開發有兩種方式:一種是直接引用官方提供的API地址(http://js.arcgis.com/3.14/),另外一種是自己發布一個本地的API服務,下面介紹一下在本機發布一個本地的API服務。
第一步:到 https://developers.arcgis.com/en/downloads/ 網站下載API,需要注冊eari的賬戶才能下載,進入網站后找到ArcGIS Web SDKs 下的ArcGIS API for JavaScript選擇版本后,點擊進行下載。或者到鏈接:http://pan.baidu.com/s/1pJL4YuB 密碼:m9d4 下載。
第二步,解壓API壓縮文件,找到壓縮文件下arcgis_js_v314_api\arcgis_js_api\library\3.14目錄下的3.14文件夾,將其放到Tomcat的webapps\jspai目錄下,注意,jsapi文件是需要自己創建的,目的是為了和別的服務進行區分和方便管理各版本的API,讀者可以隨意取名。例如:D:\Tomcat\webapps\jsapi
第三步,修改配置,有兩處需要修改,第一處3.14\init.js文件,第二處3.14\dojo\dojo.js文件。注意,為了不發生端口的沖突可將Tomcat的端口號修改為8090,打開D:\Tomcat\conf\server.xml文件,修改端口為8090。
第一處,用文本編輯器打開3.14\init.js文件,Ctrl+F全文搜索[HOSTNAME_AND_PATH_TO_JSAPI],將其替換為localhost:8090/jspai/3.14,
替換后:
同樣替換第二處。
第四步,啟動Tomcat,雙擊運行D:\Tomcat\bin\startup.bat。
第五步,創建html文件,內容如下運行測試
[html] view plaincopy
-
</pre><pre name="code" class="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://localhost:8090/jsapi/3.14/dijit/themes/tundra/tundra.css"/>
-
<link rel="stylesheet" type="text/css" href="http://localhost:8090/jsapi/3.14/esri/css/esri.css" />
-
<script type="text/javascript" src="http://localhost:8090/jsapi/3.14/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>
成功顯示:
轉自:http://blog.csdn.net/u013274055/article/details/49382661