用Tomcat8.5做Arcgis API for javascript的本地部署
阿新 • • 發佈：2018-11-16
step1:1從arcgis官網上下載Arcgis api for JavaScript 4.3 https://developers.arcgis.com/javascript/latest/guide/release-notes/
ps:前提是你需要有一個esri開發者賬戶否則不能下載。
step2:arcgis_js_v43_api資料夾中arcgis_js_api檔案拷貝到tomcat根目錄的webapps目錄下
step3:(最重要的一步)--編輯tomcat\webapps\arcgis_js_api\library\4.3\4.3\dojo\dojo.js和tomcat\webapps\arcgis_js_api\library\4.3\4.3\init.js這兩個檔案，將[HOSTNAME_AND_PATH_TO_JSAPI]改成127.0.0.1:8080/（自己本機的tomcat服務地址）。
比如當前Tomcat下你的目錄結構是這樣：
這種情況下用於替換的串就是：localhost:8080/arcgis_js_api/library/4.3/4.3/
同理dojo.js在tomcat下的目錄結構如下圖
則dojo.js中用於替換的串就是：localhost:8080/arcgis_js_api/library/4.3/4.3/dojo/
step4:web頁面中引用：
<link rel="stylesheet" href="http://localhost:8080/arcgis_js_api/library/4.3/4.3/esri/css/main.css"> <script就好了，給一個測試頁面，如果可以執行出地圖就說明部署好了：src="http://localhost:8080/arcgis_js_api/library/4.3/4.3/init.js"></script>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no"> <title>Load a basic WebMap - 4.3</title> <style> *{ padding:0; margin:0; } html, body, #viewDiv { padding: 0; margin: 0; height: 100%; width: 100%; } </style> <link rel="stylesheet" href="http://localhost:8080/arcgis_js_api/library/4.3/4.3/esri/css/main.css"> <script src="http://localhost:8080/arcgis_js_api/library/4.3/4.3/init.js"></script> <script> require([ "esri/views/MapView", "esri/Map", "dojo/domReady!" ], function( MapView, Map ) { var map = new Map({ basemap: "streets" }); var view = new MapView({ map: map, container: "viewDiv" }); }); </script> </head> <body> <div id="viewDiv"></div> </body> </html>
提示，如果執行不出來先看一下報錯資訊或檢視一下使用的esri線上地圖地圖是否可以正常使用。
希望有用