1. 程式人生 > >在Tomcat8.5上部署ArcGIS API 3.2

在Tomcat8.5上部署ArcGIS API 3.2

----因為實習公司的需要,本人又需要撿起快要忘掉了的ArcGIS API。閒話不多說,我們直接進入正題。----

一、在自己的電腦上安裝Tomcat8.5

首先我們去Tomcat的官網下載Tomcat8.5,如下圖所示:

圖1 Tomcat官網

下載後得到的是一個.exe安裝包,執行它並直接一路next下去(如果安裝到一半停頓了,然後出來一個對話方塊,直接點“忽略")。

安裝好後,工作列那會出現一個Tomcat8.5的圖示,然後在瀏覽器的位址列裡輸入localhost:8080,會開啟Tomcat8.5的頁面,如下圖所示:


圖2 安裝好了Tomcat8.5即可開啟此頁面

二、去ArcGISFor Developers下載ArcGIS API 3.2

需要注意的是,如果沒有ArcGIS For Developers的賬號,你得先註冊一個ArcGIS for Developers的賬號,註冊的地址是https://developers.arcgis.com/sign-up


圖3 ArcGIS For Developers官網,請點選View DashBoard


圖4 請點選Download APIs and SDKs & data


圖5 API和Documentation都要下載

下載後得到兩個壓縮包,將其分別解壓。

三、將ArcGIS API3.2部署到Tomcat8.5

(1)修改init.js和dojo.js

找到arcgis_js_v320_api

\arcgis_js_api目錄下的library


圖6 library檔案

複製該檔案,將其貼上到arcgis_js_v320_sdk\arcgis_js_api目錄下


圖7 library放在目標目錄下了

上述操作完成後,開啟arcgis_js_v320_sdk\arcgis_js_api\library\3.20,如下圖,可以看到有兩個3.2的檔案資料夾,上面一個是標準版的,下面一個壓縮版的:


圖8 有兩個3.20資料夾

用Visual Studio Code(下載地址https://code.visualstudio.com/)或者其他什麼編譯器將arcgis_js_v320_sdk\arcgis_js_api\library\3.20\3.20

下的init.js和arcgis_js_v320_sdk\arcgis_js_api\library\3.20\3.20\dojo下的dojo.js分別開啟,如下圖:


圖9 Visual Studio Code開啟兩個目標檔案

在Visual Studio Code中快捷鍵Ctrl+H開啟替換功能,把[HOSTNAME_AND_PATH_TO_JSAPI]替換成localhost/arcgis_js_api/library/3.20/3.20/,儲存。

同理,將arcgis_js_v320_sdk\arcgis_js_api\library\3.20\3.20compact下的init.js和arcgis_js_v320_sdk\arcgis_js_api\library\3.20\3.20compact\dojo下的dojo.js分別開啟,在Visual Studio Code中快捷鍵Ctrl+H開啟替換功能,把[HOSTNAME_AND_PATH_TO_JSAPI]替換成localhost/arcgis_js_api/library/3.20/ 3.20compact/,儲存。

(2)部署到tomcat8.5上去

找到arcgis_js_v320_sdk下的arcgis_js_api資料夾,複製它


圖10 arcgis_js_api資料夾

將其貼上到C:\Program Files (x86)\Apache Software Foundation\Tomcat 8.5\webapps目錄下


圖11貼上arcgis_js_api

(3)測試部署

寫一個測試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:8080/arcgis_js_api/library/3.20/3.20/dijit/themes/tundra/tundra.css"/>
    <link rel="stylesheet" type="text/css" href="http://localhost:8080/arcgis_js_api/library/3.20/3.20/esri/css/esri.css" />
    <script type="text/javascript" src="http://localhost:8080/arcgis_js_api/library/3.20/3.20/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>

用瀏覽器開啟該html檔案,部署成功了應該是如下圖所示:


圖12 看到這個你就成功部署了


相關推薦

Tomcat8.5部署ArcGIS API 3.2

----因為實習公司的需要,本人又需要撿起快要忘掉了的ArcGIS API。閒話不多說,我們直接進入正題。----一、在自己的電腦上安裝Tomcat8.5首先我們去Tomcat的官網下載Tomcat8.5,如下圖所示:圖1 Tomcat官網下載後得到的是一個.exe安裝包,執

在IIS伺服器本地部署 ArcGIS API for js 4.15

作為一名剛入門的小白,還沒開始一個helloworld就在軟體安裝,環境部署時遇到了一大堆問題,簡直太讓人頭禿了,腦殼疼。話不多說,這篇主要想分享一下自己部署ArcGIS API for js 4.15的過程。 一、ArcGIS API for js 4.15下載 網站連結:https://develop

利用最新的CentOS7.5,hadoop3.1,spark2.3.2搭建spark叢集

1. 橋接模式,靜態ip上外網:vi /etc/sysconfig/network-scripts/ifcfg-ens33 TYPE=EthernetPROXY_METHOD=noneBROWSER_ONLY=noBOOTPROTO=staticDEFROUTE=yesIPV4_FAILURE_FATAL=n

如何在阿里雲部署django網站(2)——使用MySQL資料庫

如果要在阿里雲上部署django網站,建議不要使用django自帶的sqlite,雖然一時省事,但帶來了很多其他的麻煩。建議使用MySQL或者PostgreSQL。由於MySQL比較流行,我就選擇了MySQL。 安裝MySQL 在使用MySQL之前,首先需要安裝。在ubuntu系

在IIS部署Asp.Net Core 2.2.0

環境 mil 圖片 perm ron image otn spn 2.2.0 1. .NET Core與Windows環境   Asp.Net Core 2.2.0   Windows 10 2. 先決條件   下載並安裝.Net Core Hosting Bundle.

centos7下tomcat8.5安裝部署與優化 centos 7 Tomcat 8.5 的安裝及生產環境的搭建調優

轉自:https://www.cnblogs.com/busigulang/articles/8529719.html centos 7 Tomcat 8.5 的安裝及生產環境的搭建調優 一 安裝tomcat 8.5修改執行級別為文字# ln -sf /lib/systemd/system/m

樹莓派3B部署執行.net core 2程式

針對Linxu arm處理器如何部署.net core 2的資料很少,網上找到幾篇但都寫得不夠詳

Tomcat8.5原始碼分析】【3】一個簡單的HTTP伺服器

     通過上面兩篇文章的學習,我們知道了HTTP\SOCK\TCP\IP之間的關係以及區別,接下來我們手寫一個HTTP伺服器       首先我們定義一個HttpServer類,該類主要用以建立一個ServerSocket,當有請求進入的時候會通過accept()方法生

ckeditor4.6.2傳圖片thinphp3.3.2

1.首先下載ckeditor4.6.2 2.編輯器不提供直接選擇圖片上傳,我們先修改\plugins\image\dialogs模錄下的image.js搜尋“upload”可以找到這一段id:'Upl

【ASP.NET CORE 2.0】在CentOS部署ASP.NET CORE 2.0程式【超詳細】

突然來的需求,讓以前ASP.NET寫的系統要部署到Linux上,所以研究了一下。 1. 安裝CentOS 網上一搜一大把,我是在虛擬機器上安裝的。可以參考 2. 安裝.NET CORE SDK for CentOS 7 2.1 新增.NET相

centos 6.5 部署rabbitmq

最近的專案中要使用中介軟體,經過選型,確認部署rabbitmq. 伺服器的環境:centos 6.5  、PHP 5.6     使用者:root RabbitMQ是使用Erlang開發,所以安裝RabbitMQ前需要先安裝Erlang,  這是愛立信公司研發的一個軟體專案

IIS 7.5配置執行Python 3.6+Django 網站

因業務切換,將原先的CentsOS換成Windows 2008 R2作業系統,重新部署了下Django網站,現將過程記錄下: 1、安裝Winodws版的Python 3.6環境,直接下載Anaconda3-4.3.1-Windows-x86_64.exe整

CentOS7部署ASP.Net Core 2.2應用

margin 1-1 顯示 ase vim exec cst 自動運行 color 前言   在CentOS7上部署ASP.Net Core應用是我的技術路線驗證的一部分,下一個產品計劃采用ASP.Net Boilerplate Framework開發。因此需要求提前進行一

在Centos6.5部署kvm虛擬化技術

KVM是什麼? KVM 全稱是 基於核心的虛擬機器(Kernel-based Virtual Machine),它是一

在騰訊云云函式計算部署.NET Core 3.1

雲廠商(騰訊雲、Azure等)提供了Serverless服務,藉助於Serverless,開發人員可以更加專注於程式碼的開發,減少運維的成本。騰訊雲的函式計算提供了很多執行庫,對.NET的支援需要通過custom runtime 來支援,可以支援任何版本的.NET Core,也就是需要自定義runtime,需

Tomcat8.5Arcgis API for javascript的本地部署

step1:1從arcgis官網上下載Arcgis api for JavaScript 4.3    https://developers.arcgis.com/javascript/latest/guide/release-notes/ ps:前提是你需要有一個esri開

springboot 2.0部署到Tomat8.5

1.改jar為war 2.改下打包的名字 3.刪掉tomcat的webapps下面的所有資料夾。將打好的jar包放入到webapps下   4.執行tomcat,雙擊shutdown.bat 注意: spring boot 2.0需要tomcat8.5以上的版本才可以部署

arcgis api for js 3.25 離線部署

步驟: 1. 下載相應版本的api及sdk. 下載地址: https://developers.arcgis.com/downloads/apis-and-sdks?product=javascript 2. 分別解壓。 3. 把arcgis_js_v325_api\arcgis_js_api\li

ArcGIS API for JavaScript 3.26本地部署(不使用iis)

首先大家可以將3.26下載到本地,隨便找一個資料夾進行存放。 1、以下是我的存放目錄:   me.html則是我寫程式碼的地方。 2、接下來看我在wbstrom中的工作引用資料夾 這裡我引用的是sublime資料夾,所以相對應我開啟me.html的時候,網站

最新小白詳細描述在centos7.5安裝python3並使用Nginx+virtualenv+supervisor來部署tornado專案(整理集合結合實際)系列2

4.安裝nginx 安裝gcc gcc是用來編譯下載下來的nginx原始碼,安裝gcc和c++編譯器(當然以下都是在切換到root使用者下的) yum -y install gcc  gcc-c++   centOS安裝依賴 yum -y install