arcgis在webpack中的使用

wangbinke 发布于2019-08-02 15:15 / 2643人阅读

摘要：因为本身带有模块加载的功能，会与本身有冲突，所以需要借助。安装使用暴露了和两个方法，分别用来加载和文件。

因为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。

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/54008.html

arcgis在webpack中的使用

摘要：因为本身带有模块加载的功能，会与本身有冲突，所以需要借助。安装使用暴露了和两个方法，分别用来加载和文件。因为dojo本身带有模块加载的功能，会与webpack本身有冲突，所以需要借助esriLoder。安装 npm i esri-loader 使用esri-loader esri-loader暴露了loadCss和loadModules两个方法，分别用来加载css和js文件。引入 ...

Lin_YT 2019-08-23 18:01 评论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