ArcGis API for JavaScript 3.14 基於tomcat配置


一般引用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文件夾,將其放到Tomcatwebapps\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

  1. </pre><pre name="code" class="html"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  
  2. <html>  
  3.   <head>  
  4.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>  
  5.     <title>Simple Map</title>  
  6.     <link rel="stylesheet" type="text/css" href="http://localhost:8090/jsapi/3.14/dijit/themes/tundra/tundra.css"/>  
  7.     <link rel="stylesheet" type="text/css" href="http://localhost:8090/jsapi/3.14/esri/css/esri.css" />  
  8.     <script type="text/javascript" src="http://localhost:8090/jsapi/3.14/init.js"></script>  
  9.     <script type="text/javascript">  
  10.       dojo.require("esri.map");  
  11.       function init() {  
  12.         var myMap = new esri.Map("mapDiv");  
  13.         //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.  
  14.         var myTiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/NGS_Topo_US_2D/MapServer");  
  15.         myMap.addLayer(myTiledMapServiceLayer);  
  16.       }  
  17.       dojo.addOnLoad(init);  
  18.     </script>  
  19.   </head>  
  20.   <body class="tundra">  
  21.     <div id="mapDiv" style="width:900px; height:600px; border:1px solid #000;"></div>  
  22.   </body>  
  23. </html>  

成功顯示:

轉自:http://blog.csdn.net/u013274055/article/details/49382661


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM