vue中使用esri-loader

最新推荐文章于 2024-08-21 09:28:20 发布
最新推荐文章于 2024-08-21 09:28:20 发布
阅读量2.3k 收藏
点赞数 1
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46160082/article/details/123265901
版权

注意这个引入顺序，必须严格一一对应，你的引入模块顺序要和下面的形参列表对应上

 loadModules(
      [
        "esri/views/MapView",
        "esri/layers/MapImageLayer",
        "esri/layers/GraphicsLayer",
        "esri/layers/GeoJSONLayer",
        "esri/widgets/Sketch",
        "esri/Basemap",
        "esri/Map",
      ],
      { css: true }
    ).then(
      ([
        MapView,
        MapImageLayer,
        GraphicsLayer,
        GeoJSONLayer,
        Sketch,
        Basemap,
        Map,
      ])

我有柚子茶噢
关注
021：vue+leaflet 加载Stadia地图（多种形式）
大剑师兰特的GIS世界
11-11 241
第023个本示例的目的是介绍演示如何在vue+leaflet中添加Stadia地图，有多种形式，分别是AlidadeSmooth、AlidadeSmoothDark、OSMBrigh和Outdoors。
使用esri-loader的坑
D_bel的博客
08-31 6063
问题描述： 在vue框架的项目中加载地图，esri官方提供的esri-loader，下载命令：npm install --save esri-loader，使用esri-loader在chrome浏览器下的确可以正常加载地图，但是我在ie11下却会报“Promise”未定义的错误（前提我的项目已经通过babel将es6的代码编译成es5了依然报错）。 下图1,2是在ie下调试打断点找到的错误，...
如何在vue项目中应用arcgis for javascript
jieyucx的博客
06-05 1452
【代码】如何在vue项目中应用arcgis for javascript。
arcgis-vue:用esri-loader 结合vue开发arcgis,欢迎fork,欢迎 issue,欢迎star; https
05-13
arcgis-vue 官方文档 首先请确保熟悉一下两篇文档： esri-loader 官方仓库的地址点击 。 Aricgis api for js 再vue中的使用请点击 。 这里准备了一些之前的 使用步骤: 安装依赖: npm install 启动服务: npm run serve 查看: localhost:8080/329 加载了3.29版本的API localhost:8080/latest 加载CDN上最新版的API,图层是天地图 localhost:8080/official 官方VUE使用教程 贡献代码 鸣谢: 感谢 对该项目的大力支持，特别感谢。
Esri Loader教程：轻松集成ArcGIS API for JavaScript
最新发布
gitblog_00178的博客
08-21 474
Esri Loader教程：轻松集成ArcGIS API for JavaScript esri-loaderA tiny library to help load ArcGIS API for JavaScript modules in non-Dojo applications项目地址:https://gitcode.com/gh_mirrors/es/esri-loader 项目介绍 E...
基于esri-loader的vue中使用arcgis for js
黑白奥利奥的博客
01-27 2554
文章目录安装依赖引入设置使用方法探讨总结 本文介绍的是基于esri-loader让vue中可以方便的按需引入arcgis api，较之前的方式可更好解决代码之间的耦合度与复杂度，让大家都可以写出完美看着顺心的代码。 本文arcgis api以4.x为例 安装依赖 npm i --save esri-loader 引入设置 如果不想使用官方提供的api地址，可以全局设置自己部署的api地址（尤其是内网环境尤其的重要哦） 如果没有特殊要求想换api地址的，可以使用默认的，下面main.js中的内容可以不用设置
vue项目使用esri loader加载arcgis
前端-黎姿
07-09 3310
效果如下图： 操作如下： 引入esri loader 加载进相应的js和css文件 像普通html那样操作即可 完整代码如下： }, beforeDestroy() { if (this.view) { // destroy the map view this.view.container = null } } }
“esri-loader“: “^3.3.0“, 使用vue 加载地图
weixin_51794873的博客
09-25 702
app.vue 代码 <template> <div id="SceneView"></div> </template> <script> import { loadModules } from "esri-loader"; export default { name: "SceneView", methods: { _createSceneView: function() { let options =..
vue使用esri-loader地图显示中文
07-15
在 Vue 中使用 esri-loader 加载 ArcGIS API for JavaScript 并显示中文地图，可以按照以下步骤进行操作： 1. 首先，确保已经安装了 esri-loader 库，可以通过 npm 进行安装： ```shell npm install esri-loader -...
vue使用esri-loader只显示区域地图
07-15
对于使用esri-loader在Vue中只显示特定区域地图的问题，您可以按照以下步骤进行操作： 1. 首先，确保您已经安装并导入了esri-loader库。可以使用npm进行安装，然后在Vue组件中导入： ```javascript import { load...
vue使用esri-loader只显示兰考县地图
07-15
关于使用 esri-loader 在 Vue 中只显示兰考县地图的问题，可能有多个原因导致。下面是一些常见的检查点，你可以逐一尝试查找问题所在： 1. 检查地图服务的 URL 是否正确。确保提供的地图服务 URL 是有效的，并且...
react+esriloader 天地图加载源码
07-18
查看https://blog.csdn.net/u014324940/article/details/81092674
关于使用esri-loader出现__WEBPACK_IMPORTED_MODULE_0_esri_loader___default.a.bootstrap is not a function的错误
热门推荐
月想容的博客
05-10 1万+
问题：        最近在学习使用vue+webpack+arcgis js 创建地图，从网上找到很多教程，也看到很多例子，在学习的过程中发现一些问题。        看到“Lalala这是我”的相关博客，这个应该是一个比较好的过程和思路的博客，在学习使用的过程，模仿其代码自己写一个时，出现esri-loader.bootstrap不能识别为函数的问题解决：        查看npm官方仓库es...
基于esriLoader的arcgis api 与vue.js结合
WQ的博客
12-11 1万+
    目前，leaflet、openlayers等地图类框架都能够和主流的前端框架进行结合。而作为GIS届的领头企业。原本的引入方式（引入标签+require）是不太适合当前的主流前端开发模式的，又特别是在以某一框架为主如vue.js进行组件式开发的情况下，不论是相应代码和其他页面代码的结合性还是复用都比较麻烦。好在esri推出的esriLoader很好的解决了这一问题。PS：esriLoade...
Esri Loader: 探索Web GIS开发的新维度
gitblog_00064的博客
04-18 489
Esri Loader: 探索Web GIS开发的新维度 esri-loaderA tiny library to help load ArcGIS API for JavaScript modules in non-Dojo applications项目地址:https://gitcode.com/gh_mirrors/es/esri-loader 是一个轻量级的JavaScript库，专为开...
vue+arcgis api两种环境下加载天地图（1.esri-loader、2.@arcgis/core）
qq_46160082的博客
03-04 2967
有帮到你的话就点个赞叭 1.esri-loader 直接上源码 <template> <div id="viewDiv"></div> </template> <script> import { setDefaultOptions, loadModules } from "esri-loader"; // 这里的设置默认配置项的写法等同于{css:true} // setDefaultOptions({ css: true });..
esri loader + arcgis api 图层控制 + 筛选
DanBo_C的博客
03-28 1220
功能 ID 筛选 #option-choose 清除筛选 #option-clean 显示隐藏控制 #option-visible 筛选函数中的layerDefinitoin控制筛选条件 js部分 // 我们需要在该组件装载之后做的事情都放在该方法里 mounted() { esriLoader.setDefaultOptions({ version: '3...
esri-loader 4.x区域地图按需选择
zhy的博客
01-04 344
样例 vue写法 <template> <div id="SceneView"></div> </template> <script> import { loadModules } from "esri-loader"; export default { data() { return {}; }, mounted() { this.createView(); }, methods: {
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值