ArcGIS API 4.x和Vuejs混合开发问题

我希望使用vue和iview做UI,但是vue的特殊写法(vue是本地环境开发,写vue文件那种)让我不知道如何把ArcGIS API for js写进去。
但是,如果是简单的jq-easyui等就可以很容易的写出来,因为jq的ui库都只需要一条cdn引用就可以构建UI了,对原来的DOM也不怎么影响。
试问开发者,我知道api 4.x中有一例是使用vue开发一个组件加入到页面中,但是我想做的是整个UI层都由vue和iview写,arcgis api仅仅作为webgis二次开发用,我希望在iview中的某个tab-panel中显示出地图来,我该如何做?资料很少,我曾经试图在官网的论坛中找npm安装arcgis api,但是说不支持,所以把api加入到web前端项目的想法就失败了。

谢谢解答。
已邀请:

goldenlimit - Major in MIS and minor in GIS, graduated from University of Alabama. GIS is not a simply tool but a way of exploring the unknow

赞同来自: 大灰灰

你可以参考一下Rene的这篇blog 介绍VueJS with Esri JavaScript:
http://odoe.net/blog/using-vuejs-arcgis-api-javascript/
 
今年的开发者大会上,他还有一个presentation叫Using Frameworks with the ArcGIS API for JavaScript, 里面其中提到过和Vuejs的使用。
不知道你能不能**看youtube:
https://www.youtube.com/watch?v=dDAuLqV3DcM
 
 

大灰灰

赞同来自: 谢军

问题已经解决,npm构建一个包,然后npm install esri-loader,在vue里配置就好了,可以看看esri-loader的帮助文档呢

kg_loveyou

赞同来自:

楼主,我在使用esri-loader 2.2.0时候遇到一个问题,
代码是这样写的
// preload the ArcGIS API
const options = {
url: 'https://js.arcgis.com/3.23/',
};

loadScript(options);
刷新页面控制台报错,地图页面空白,报错信息如下:
Uncaught (in promise) Error: The ArcGIS API for JavaScript is already loaded (https://js.arcgis.com/4.6/).
该怎么解决这个问题呢?

要回复问题请先登录注册