记录–uniapp map 制作一个简单的地图导航

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助

记录--uniapp map 制作一个简单的地图导航

简易map

在图一的地图中可以看到 a点 连接 到 b点, 基本信息 以及 基本的控件(放大、缩小、回到某个指定的点),接下来我们分开逐步讲解。

所需配置

需要先在中的 中配置地图,并添加相关地图的,如果没有可在相关开发者平台进行申请

记录--uniapp map 制作一个简单的地图导航

回到指定位置

想要地图回到指定的位置也非常简单,只需要使用  方法创建一个 mapContent 对象 在使用 附带的  方法便可让地图回到指定的位置。

记录--uniapp map 制作一个简单的地图导航

这就是我导航弹窗实现的逻辑了, 这里我仅仅只是用了高德地图的选项,大家可以根据需要增加相应地图app,其他常见的我放在下方了。

腾讯

app url

web url

百度

app url

web url

本文转载于:

https://juejin.cn/post/7092055240270151717

如果对您有所帮助,欢迎您点个关注,我会定时更新技术文档,大家一起讨论学习,一起进步。

 

记录--uniapp map 制作一个简单的地图导航 文章知识点与官方知识档案匹配,可进一步学习相关知识小程序技能树首页概览3688 人正在系统学习中

来源:林恒smileZAZ

声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2022年10月6日
下一篇 2022年10月6日

相关推荐