2. 程式人生 > >ArcGis API for JavaScript 本地部署和Demo

ArcGis API for JavaScript 本地部署和Demo

阿新 • • 發佈：2019-01-20

在上篇初識GIS中我們對GIS有了初步的認識，並且在ESRI中國區官網下載好了ArcGis Api for JavaScript 3.9，下面我們就開始ArcGis Apifor JavaScript 的本地部署和第一個DEMO。

一：將下載好的API拷貝到C:\inetpub\wwwroot 目錄下

二：修改Library中的配置資訊

         這一步是部署的關鍵，因為在預設的配置中使用了“[HOSTNAME_AND_PATH_TO_JSAPI]”來替代真實的IP地址資訊，需要修改配置為真實的資訊才可以使用。

         開啟  C:\Inetpub\wwwroot\arcgis_js_api\library\3.9\3.9\init.js （用notpad++ 或者txt文字編輯器都可）將“[HOSTNAME_AND_PATH_TO_JSAPI]”查詢替換為“<myserver>/arcgis_js_api/library/3.9/3.9/”

開啟 C:\Inetpub\wwwroot\arcgis_js_api\library\3.9\3.9\js\dojo\dojo\dojo.js（用notpad++ 或者txt文字編輯器都可）將“[HOSTNAME_AND_PATH_TO_JSAPI]”查詢替換為“<myserver>/arcgis_js_api/library/3.9/3.9/”

         其中myserver是我們伺服器的名字，在這裡我們可以用我們電腦名或者localhost來代替都可。

三：Demo

         寫一個Demo.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 Demo</title>
    <link rel="stylesheet" type="text/css" href="http://localhost/arcgis_js_api/library/3.9/3.9/js/dojo/dijit/themes/tundra/tundra.css"/>
    <link rel="stylesheet" type="text/css" href="http://localhost/arcgis_js_api/library/3.9/3.9/js/esri/css/esri.css" />
    <script type="text/javascript" src="http://localhost/arcgis_js_api/library/3.9/3.9/init.js"></script>

    <script type="text/javascript">

      dojo.require("esri.map");

      function init() {
        var myMap = new esri.Map("mapDiv");

        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>
效果如下圖：

相關推薦

ArcGis API for JavaScript 本地部署和Demo

在上篇初識GIS中我們對GIS有了初步的認識，並且在ESRI中國區官網下載好了ArcGis Api for JavaScript 3.9，下面我們就開始ArcGis Apifor JavaScript 的本地部署和第一個DEMO。 一：將下載好的API拷貝到C:\inetp

ArcGIS API for JavaScript本地部署

第一步：安裝IIS 第二步：下載ArcGIS API for JS 以3.19版本為例：下載下來的API一共兩個壓縮包，SDK中包含一些Demo，如下圖： 把兩個壓縮包分別解壓，解壓後如下圖： 第三步：修改相關配置 把arcgis_js_v319_api資料夾中的arcgis_js_a

ArcGIS API For Javascript之GraphicsLayer和Graphic

1、map物件中預設有一個GraphicLayer，置於最頂層，使用它的方式是map.graphics. 比如map.graphics.add(graphci); 2、可以給GraphicLayer新增事件，比如點選事件， dojo.connect(map.

ArcGIS API For JavaScript 安裝部署的說明——以eclipse及Tomcat環境為例

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

arcgis api for javascript 3.21和4.4載入天地圖

arcgis js api目前有兩條路線，4.4支援2D和3D地圖，3.21主要做2D全景圖，兩種的地圖載入方式和介面的用法還是有些不同的，以前用3.21載入天地圖的時候直接用天地圖的REST url就可以載入地圖，在用新的4.4載入天地圖的時候參照官網的載入例子缺怎麼都無

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

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

ArcGIS API for JavaScript 3.26本地部署（不使用iis）

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

部署本地的ArcGIS api for JavaScript

本人剛剛學習WebGIS開發，剛開始用的都是線上的js檔案，當我多次從網路資源獲取時，經常出現後去不到資源的問題，而且不利於無網開發（雖然到哪都是WIFI），終於今天決定部署下本地下的gis api資源 在部署之前你要先部署本地的IIS伺服器，見我另一篇部落格： 部署Win10環境下的本地伺

ArcGIS API for JavaScript部署到本地Tomcat

本文主要介紹如何將ArcGIS API for JavaScript部署到本地的Tomcat中。 安裝Tomcat軟體 甩個連結，官網：https://tomcat.apache.org/download-70.cgi 個人建議下載Tomcat 7，不建議下載最新

arcgis api for javascript 4.10版本的本地部署

host oca ava get https script eve 當前 路徑 最近在使用arcgis api做一些地圖功能，但是在使用在線的api的時候，響應很慢，所以講api部署到本地，可以提高響應速度 api的下載地址：https://developers.arcgi

ArcGIS API for JavaScript 4.5/4.6 本地部署

慚愧，和我的學弟比起來，我所開始接觸前端開發，ArcGIS API for JavaScript的時間和深度遠遠不及於他。 　　 　　一年之尾，亦是一年之始，我也將正式開始我的部落格生涯。本人在校學習並且做專案，在其過程中自然會遇到不少困惑與問題，遂將這些問題的解決方法與一

使用Arcgis Api for Javascript 調用 本地Portal發布的WebMap

pla basemap 步驟 reat 地址 dap toc cli 配置 步驟： 安裝Arcgis Portal 10.4,Server 10.4,DataStore ,WebAdaptor for IIS,搭建arcgis api for javascript 4

ArcGIS API for JavaScript 4.4學習筆記[新] AJS4.4和AJS3.21新特性

ack 讀取 port 不同 ide evel arc ges wfs ESRI官網悄無聲息突然更新4.4和3.21，公眾號也沒有什麽消息。照例，給大家看看這次更新有什麽新特性吧。 1. AJS 4.4 官方更新日誌：點我，比較詳細。我在這裏抽一些主幹作為說明。 1.1

IDEA 部署離線ArcGIS api for JavaScript

痛苦！折磨！ 這兩天發現IDEA 做ArcGIS api 開發比EClipse好用（重點是沒有JS提示）。但引入的ArcGIS api 一直報錯，說找不到。這兩天思來想去就是不知道為什麼找不到localhost下的引入路徑，在EClipse裡使用卻順得很。後來發現是IDEA在配置tomc

arcgis for javascript 本地部署

本地目錄 C:\inetpub\wwwroot\arcgis4.9\js 該資料夾下是下載的js api  C:\inetpub\wwwroot\arcgis4.9\sdk 該檔案加下是sdk 將init.js的"[HOSTNAME_AND_PATH_TO_JSAPI]

ArcGIS API for JavaScript開發環境搭建及第一個例項demo

        ESRI公司截止到目前已經發布了最新的ArcGIS Server for JavaScript API v3.9，它提供了更為豐富而又強大的功能。    一、安裝前準備       1、

設定和使用地圖的範圍—ArcGIS API for JavaScript

設定地圖的範圍或獲得地圖範圍是使用地圖時常見操作。在地圖上設定新範圍的一個簡單的替代方法是在地圖上呼叫centerAndZoom()法，該方法基於給定的中心點和縮放級別設定新的範圍。 預設範圍 如

ArcGIS API for JavaScript 3.12 api和sdk映象加速版

最近很多同學反映訪問ArcGIS API for JavaScript 官方文件基本打不開，速度極慢極大影響，學習效率，工作心情，和@wandergis共同搭建了基於七牛雲的ArcGIS API for JavaScript API和SDK，大大提高了訪問了速度。###盡情的

（十九）ArcGIS API For Javascript之專案真實部署

1.引言(友情提示：新手勿看)       在先前的部落格當中我們已經說了，ArcGIS API在本地如何部署，但是在先前的本地部署過程中存在什麼問題呢？現在我們來看一下先前的部署當中哪一些不合適的地方。 先前我們的js檔案引入方式為:

ArcGIS API For JavaScript官方文件（二十）之圖形和要素圖層——①Graphics概述

Working with graphics    ArcGIS JavaScript API允許在地圖上繪製graphic(圖形)。graphic可以由使用者作為標記或輸入繪製，也可以由應用程式根據任務繪製。例如，應用程式可能會將查詢結果作為graphics新增到地圖。