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

本篇文章用来为大家提供一个制作简单地图的思路

先来看一眼效果图

1c6ad458300f6ae79f8955940a56e2b.jpg

简易map

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

所需配置

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

image.png

回到指定位置

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

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

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

腾讯

app url

web url

百度

app url

web url

结语: 天才无非是长久的忍耐,努力吧!

文章知识点与官方知识档案匹配,可进一步学习相关知识来源:喵十一点半

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

上一篇 2022年4月1日
下一篇 2022年4月1日

相关推荐