怎么利用uniapp開(kāi)發(fā)一個(gè)簡(jiǎn)單的地圖導(dǎo)航？本篇文章就來(lái)為大家提供一個(gè)制作簡(jiǎn)單地圖的思路，希望對(duì)大家有所幫助！

先來(lái)看一眼效果圖

簡(jiǎn)易map

在圖一的地圖中可以看到 a點(diǎn) 連接 到 b點(diǎn), 基本信息 以及 基本的控件(放大、縮小、回到某個(gè)指定的點(diǎn))，接下來(lái)我們分開(kāi)逐步講解。

所需配置

需要先在manifest.json中的 app模塊中配置地圖，并添加相關(guān)地圖的key，如果沒(méi)有可在相關(guān)開(kāi)發(fā)者平臺(tái)進(jìn)行申請(qǐng)

配置好這一部分就可以開(kāi)始使用map組件了

地圖標(biāo)記點(diǎn)

在uniapp map中想創(chuàng)建標(biāo)記點(diǎn)就需要使用到一個(gè)屬性 markers。

我們先來(lái)看一下markers的常用屬性

查看