本人最近開始接觸ArcGIS API For JavaScript開發，在網上搜索到不少安裝配置的說明，可是關於eclipse及tomcat方面的少之又少，並且根據說明費了好大勁才勉強讓程式執行起來。為避免忘記，同時也為了讓像我一樣剛入門的新手少走彎路，現將具體的安裝配置說明總結如下。

關於ArcGIS API For JavaScript（下面簡稱AAFJ） 的下載，網上說明很多，在此不再說明，下面進入正題。

1.  AAFJ解壓後的目錄及檔案如 下圖1 所示，由圖可以發現：AAFJ的路徑太深，並且有兩個版本，具體區別未研究，有興趣的可以自己研究。為了配置方便，我縮減了部分路徑，同時刪掉了 3.10compact，結果如下圖2所示：

圖1  解壓後目錄

圖2  處理後的路徑及檔案

2.  將 AAFJ配置在tomcat中

 首先，將上述處理過的資料夾複製到tomcat 7.0 安裝路徑下的 webapps目錄下，如下圖所示：

圖3  AAFJ複製到webapps目錄下

第二步，分別修改\arcgis_api_for_js\v310目錄下的 init.js  和 \js\dojo\dojo路徑下的dojo.js檔案，兩個檔案的修改方法一樣：搜尋 [HOSTNAME_AND_PATH_TO_JSAPI](包含中括號)，將其替換為： localhost:8080/arcgis_api_for_js/v310/，localhost:8080代表本機tomcat服務的地址，arcgis_api_for_js/v310/則為AAFS的存放路徑，修改後正好構成了完整的路徑 /arcgis_api_for_js/v310/js/dojo/dojo，修改前後效果如圖4和5所示。

圖4  修改前

圖5  修改後

第三步，在html頁面中按照以下方式引用：

    <link rel="stylesheet" type="text/css" href="<strong>http://localhost:8080/arcgis_api_for_js/v310/</strong>js/dojo/dijit/themes/tundra/tundra.css" />  
    <link rel="stylesheet" type="text/css" href="<strong>http://localhost:8080/arcgis_api_for_js/v310/</strong>js/esri/css/esri.css" />  
    <script type="text/javascript" src="<strong>http://localhost:8080/arcgis_api_for_js/v310/</strong>init.js"></script> 
 

至此，在tomcat中配置AAFJ的工作已完成，測試的簡單方法是直接將以下地址放到瀏覽器位址列中，看是否能訪問，如果能訪問，則配置成功。最放心的測試，還是看能夠出圖。    http://localhost:8080/arcgis_api_for_js/v310/js/dojo/dijit/themes/tundra/tundra.css

注意：此種配置方式只有在tomcat 7.0啟動後才會有效，一定要與後面講到的eclipse中啟動 server服務區分開。

3.  將AAFJ配置在eclipse中

首先，在eclipse中新建一個web專案後，將資料夾arcgis_api_for_js複製到 WebContent 下面，如下如6所示：

圖6  複製到WcbContent路徑下

第二步，修改init.js 和dojo.js檔案，此時是將 [HOSTNAME_AND_PATH_TO_JSAPI] 修改為 localhost:8080/FirstJsProject/arcgis_api_for_js/v310/，與tomcat中不同的是增加了專案名稱這一節點，此時在html中的引入，同樣要增加專案名稱這一節點，如下程式碼所示：

 <link rel="stylesheet" type="text/css" href="http://localhost:8080/FirstJsProject/arcgis_api_for_js/v310/js/dojo/dijit/themes/tundra/tundra.css" />  
    <link rel="stylesheet" type="text/css" href="http://localhost:8080/FirstJsProject/arcgis_api_for_js/v310/js/esri/css/esri.css" />  
    <script type="text/javascript" src="http://localhost:8080/FirstJsProject/arcgis_api_for_js/v310/init.js"></script>  

至此，在eclipse中配置AAFJ的工作也已完成。

注意：此種方式配置，在外部啟動tomcat的web服務不可以，只能在eclipse中配置Server，然後通過eclipse啟動才行。

4.  兩者區別

經個人實測，兩種方式均可正確的配置AAFJ，區別在於：

（1）tomcat中的配置是全域性的，所有的web專案均可使用；eclipse中針對單一專案配置，目的性更明確，只能用於單一的專案。

（2）要成功的顯示地圖，tomcat中的配置啟動外部web服務即可；eclipse中配置的在開發階段，需通過eclipse啟動web服務。

以上為個人觀點，如有不妥之處，請指正，謝謝。