arcgis在webpack中的使用

wangbinke 發(fā)布于2019-08-02 15:15 / 2581人閱讀

摘要：因?yàn)楸旧韼в心K加載的功能，會(huì)與本身有沖突，所以需要借助。安裝使用暴露了和兩個(gè)方法，分別用來加載和文件。

因?yàn)閐ojo本身帶有模塊加載的功能，會(huì)與webpack本身有沖突，所以需要借助esriLoder。

安裝

npm i esri-loader

使用esri-loader

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

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

loadCss的使用

自動(dòng)加載cdn上最新版本的arcgis的css

loadCss()

加載制定路徑的arcgis的css

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

loadModules的使用

代替之前的dojo，傳入需要的模塊與配置項(xiàng)，返回一個(gè)promise對(duì)象，then中的參數(shù)為返回模塊，示例：

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已知配置項(xiàng)：

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

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

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

GPU云服務(wù)器云服務(wù)器 webpack使用 webpack 使用公用cdn arcgis在云服務(wù)器上安裝無反應(yīng) php中的使用

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/54008.html

相關(guān)文章

arcgis在webpack中的使用

摘要：因?yàn)楸旧韼в心K加載的功能，會(huì)與本身有沖突，所以需要借助。安裝使用暴露了和兩個(gè)方法，分別用來加載和文件。因?yàn)閐ojo本身帶有模塊加載的功能，會(huì)與webpack本身有沖突，所以需要借助esriLoder。安裝 npm i esri-loader 使用esri-loader esri-loader暴露了loadCss和loadModules兩個(gè)方法，分別用來加載css和js文件。引入 ...

Lin_YT 2019-08-23 18:01 評(píng)論0 收藏0
Vue + ArcGIS API for JavaScript 構(gòu)建前端GIS應(yīng)用（一）

摘要：技術(shù)路線的選擇技術(shù)學(xué)習(xí)內(nèi)容匯總技術(shù)路線的選擇項(xiàng)目的技術(shù)路線是使用構(gòu)建一套前端應(yīng)用，更加具體的技術(shù)路線實(shí)際上是，應(yīng)用到了技術(shù)棧加上了最新版的。不管怎么說，以這次項(xiàng)目對(duì)的使用體驗(yàn)挺好。本次項(xiàng)目沒有使用開源的要求，自然是最好的選擇。寫這篇總結(jié)的意義：總結(jié)，回顧，反思項(xiàng)目進(jìn)行過程和這套Vue + ArcGIS API for JavaScriptGIS前端應(yīng)用技術(shù)路線，從項(xiàng)目與技術(shù)兩個(gè)方面積...

lufficc 2019-08-23 18:30 評(píng)論0 收藏0
ArcGIS 柵格函數(shù)在線調(diào)用詳解

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

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

摘要：離線開發(fā)下載下載地址選擇需要版本，因?yàn)榘姹竞桶姹静顒e很大，所以這里主要是針對(duì)的開發(fā)配置文件配置文件找到下載的開發(fā)工具包中的文件文件路徑是在文件中搜索，將其替換為配置文件找到下載的開發(fā)工具包中的文件文件路徑是在文件中搜索，將其替換為部署到本地 Arcgis api for js 離線開發(fā)（1）下載Arcgis api for js 3.xArcgis api for js下載地址 s...

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

摘要：離線開發(fā)下載下載地址選擇需要版本，因?yàn)榘姹竞桶姹静顒e很大，所以這里主要是針對(duì)的開發(fā)配置文件配置文件找到下載的開發(fā)工具包中的文件文件路徑是在文件中搜索，將其替換為配置文件找到下載的開發(fā)工具包中的文件文件路徑是在文件中搜索，將其替換為部署到本地 Arcgis api for js 離線開發(fā)（1）下載Arcgis api for js 3.xArcgis api for js下載地址 s...

Cruise_Chan 2019-08-23 12:23 評(píng)論0 收藏0