arcgis在webpack中的使用

Lin_YT 發布于2019-08-23 18:01 / 518人閱讀

摘要：因為本身帶有模塊加載的功能，會與本身有沖突，所以需要借助。安裝使用暴露了和兩個方法，分別用來加載和文件。

因為dojo本身帶有模塊加載的功能，會與webpack本身有沖突，所以需要借助esriLoder。

安裝

npm i esri-loader

使用esri-loader

esri-loader暴露了loadCss和loadModules兩個方法，分別用來加載css和js文件。
引入

import { loadCss,loadModule } from "esri-loader"

loadCss的使用

自動加載cdn上最新版本的arcgis的css

loadCss()

加載制定路徑的arcgis的css

loadCss("http://115.29.42.107:8686/410/esri/css/main.css")

loadModules的使用

代替之前的dojo，傳入需要的模塊與配置項，返回一個promise對象，then中的參數為返回模塊，示例：

import { loadModules } from "esri-loader";
 
// if the API hasn"t already been loaded (i.e. the frist time this is run)
// loadModules() will call loadScript() and pass these options, which,
// in this case are only needed b/c we"re using v3.x instead of the latest 4.x
const options = { version: "3.28" };
 
loadModules(["esri/map"], options)
  .then(([Map]) => {
    // create map with the given options at a DOM node w/ id "mapNode"
    let map = new Map("mapNode", {
      center: [-118, 34.5],
      zoom: 8,
      basemap: "dark-gray"
    });
  })
  .catch(err => {
    // handle any script or module loading errors
    console.error(err);
  });

option已知配置項：

option = {
    version: 4.7, // 在線加載js時使用選擇版本號
    url: "http://115.29.42.107:8686/410/init.js", // 制定路徑加載arcgis的js，需指向init.js的路徑
    dojoConfig: {  // 配置dojo
        baseUrl: config.dojoUrl  // 需指向dojo目錄
    }
}

如果你是在線使用最新的無需配置，需要在線使用某個版本配置version

如果你部署js的api，需要配置url和dojoConfig。

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/104524.html

arcgis在webpack中的使用

摘要：因為本身帶有模塊加載的功能，會與本身有沖突，所以需要借助。安裝使用暴露了和兩個方法，分別用來加載和文件。因為dojo本身帶有模塊加載的功能，會與webpack本身有沖突，所以需要借助esriLoder。安裝 npm i esri-loader 使用esri-loader esri-loader暴露了loadCss和loadModules兩個方法，分別用來加載css和js文件。引入 ...

wangbinke 2019-08-02 15:15 評論0 收藏0
Vue + ArcGIS API for JavaScript 構建前端GIS應用（一）

摘要：技術路線的選擇技術學習內容匯總技術路線的選擇項目的技術路線是使用構建一套前端應用，更加具體的技術路線實際上是，應用到了技術棧加上了最新版的。不管怎么說，以這次項目對的使用體驗挺好。本次項目沒有使用開源的要求，自然是最好的選擇。寫這篇總結的意義：總結，回顧，反思項目進行過程和這套Vue + ArcGIS API for JavaScriptGIS前端應用技術路線，從項目與技術兩個方面積...

lufficc 2019-08-23 18:30 評論0 收藏0
ArcGIS 柵格函數在線調用詳解

摘要：使用柵格函數支持直接在前端使用柵格函數來重新渲染影像服務。針對數據在柵格函數模版編輯器中使用渲染地貌函數，并且設計好結果的渲染方式。配置柵格函數模版可以在兩種情況下進行。 ArcGIS 柵格函數在線調用詳解導讀：ArcGIS從10.0版本開始引用鑲嵌數據集，并且第一次在影像中加入柵格函數（raster functions），使得影像的呈現和信息提取與GIS緊密的結合起來，簡單的影像功...

894974231 2019-08-20 18:35 評論0 收藏0
Arcgis api for js 3.x 離線開發(1)

摘要：離線開發下載下載地址選擇需要版本，因為版本和版本差別很大，所以這里主要是針對的開發配置文件配置文件找到下載的開發工具包中的文件文件路徑是在文件中搜索，將其替換為配置文件找到下載的開發工具包中的文件文件路徑是在文件中搜索，將其替換為部署到本地 Arcgis api for js 離線開發（1）下載Arcgis api for js 3.xArcgis api for js下載地址 s...

wushuiyong 2019-08-02 11:43 評論0 收藏0
Arcgis api for js 3.x 離線開發(1)

摘要：離線開發下載下載地址選擇需要版本，因為版本和版本差別很大，所以這里主要是針對的開發配置文件配置文件找到下載的開發工具包中的文件文件路徑是在文件中搜索，將其替換為配置文件找到下載的開發工具包中的文件文件路徑是在文件中搜索，將其替換為部署到本地 Arcgis api for js 離線開發（1）下載Arcgis api for js 3.xArcgis api for js下載地址 s...

Cruise_Chan 2019-08-23 12:23 評論0 收藏0