Vue2/ArcGis4开发实战

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue2/ArcGis4开发实战相关的知识,希望对你有一定的参考价值。

参考技术A 更新:2021-8-18

最近用 Vue2结合 ArcGis4 做了一个项目,因为此前并没有怎么接触过ArcGis for javascript,所以整个过程还是比较痛苦的,虽然GIS官网有例子,并没有起到什么实质作用,网上关于vue/gis的资料又少的可怜,好了废话不多说,直接上干货!

安装好 cli 后,开始引入 GIS ,在目录 src > assets>js 下新建下新建 ArcGisServe.js 文件,供我们编写 ArcGis Serve 服务地址。

这里可以定义自己服务器上的底图的地址,默认情况下是官网地址,也可以添加其它服务地址,随意。

这中方法就不多说了,直接 script 标签 引入 CDN 网址,要说明的是,可用 CDN 网址较少,官网提供的地址在国内加载较满。

.vue 组件

.vue 组件

二者都可以通过npm 安装的依赖包,不同的是:

以上是关于Vue2/ArcGis4开发实战的主要内容,如果未能解决你的问题,请参考以下文章

VUE2X实战开发随笔

VUE2X实战开发随笔

Vue2.5开发去哪儿网App 从零基础入门到实战项目

全网稀缺Vue2.0高级实战独立开发专属音乐WebAPP

Vue2.5开发去哪儿网App 从零基础入门到实战项目

Vue2.5开发去哪儿网App 从零基础入门到实战项目