uniapp+arcgis系列(一): uniapp引入ArcGis for JS 4.x,并加载地图服务、显示地图,去除边框、水印和缩放按钮


背景

之前在做uniapp加载arcgis地图服务,很难搜到需要的资料,也找不到做过这个的大佬请教,头都大了。

感觉网上关于arcgis的资料太太太少了,能补充一点是一点吧。

本系列实现的功能大致概括为:uniapp实时获取用户位置,并实时显示在arcgis地图上。

一、uniapp 引入 Arcgis api

ArcGIS API for JavaScript 4.22 api文档地址

使用命令cnpm install esri-loader -S

用npm也是可以的,cnpm是中国版的npm。

二、uniapp 加载arcgis地图服务

需要在视图层RenderJS中加载地图

(RenderJS到底是什么我也不清楚,但是我们需要它来渲染地图)

重点:逻辑层和视图层的的变量方法,不可以直接调来调去,需要通过特定的方式进行通信。

代码











效果图

二、不显示缩放按钮、地图边框和水印

可以看到这里缩放按钮、水印,边框是点击地图的时候会出现,不太好截图。

不显示这些内容,可以在style中进行配置:


效果图:

相关