为了方便理解,本文将分为三个部分进行讲解,分别为:百度地图的基本使用、路径规划的基本使用以及百度地图中的路径规划实现。
一、百度地图的基本使用
1.1 接入百度地图API
首先,我们需要在小程序中接入百度地图API,方法如下:
-
在微信公众平台中进入开发->开发设置,找到服务类目,点击“添加”按钮,选择“微信地图”,填写相关信息,即可获取到开发者密钥AK。
-
在小程序中引入百度地图API,方法如下:
<!--index.json-->
{
"usingComponents": {
"map": "@/components/map/map" // 引入百度地图组件
},
"enablePullDownRefresh": true
}
- 创建百度地图组件:
<!--map.wxml-->
<view>
<map id="map"
longitude="{
{longitude}}" // 经度
latitude="{
{latitude}}" // 纬度
markers="{
{markers}}" // 标注点
polyline="{
{polyline}}" // 折线
circles="{
{circles}}" // 圆
contr