uniapp中使用高德地图,进行marker标点,点信息展示,支持app端

uniapp中使用高德地图,进行marker标点,点信息展示,支持app端,第1张

上次针对web端做了通常用到的地图信息整理。本次安卓移动端更新内容如下

位置定位、点标记、点击信息展示。

声明:uniapp安卓开发地图不支持腾讯地图,使用高德、百度、谷歌都可。建议使用高德,毕竟代码在下面。

知识点:renderjs、vue、renderjs和js数据交互

一、创建一个地图容器,class样式定义地图大小 

二、创建两个js标签、相当于使用了组件,一个正常写js语法,一个写renderjs使用高德地图。申请高德地图需要key值,因为涉及到jre包,可以让后端帮忙申请。重点在于数据交互。写了注释,直接上代码。






重点在于数据交互,在组件引用时通过:change:pointList="ModuleInstance.setParkList" 

将数据传给renderjs进行点渲染。点击点坐标的时候通过this.$ownerInstance.callMethod('serviceClick', this.markerId)将点的id信息给父组件

感谢支持,交流群入口:

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/941337.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-17
下一篇 2022-05-17

发表评论

登录后才能评论

评论列表(0条)

保存