以下是微信小程序添加地图导航的代码示例： 1. 在 `app.json` 文件中添加地图 SDK 配置： ```json { "pages": [ "pages/index/index" ], "window": { "navigationBarTitleText": "地图导航", "navigationBarBackgroundColor": "#ffffff", "navigationBarTextStyle": "black" }, "plugins": { "myPlugin": { "version": "1.0.0", "provider": "wx0000000000000000", "setting": { "appid": "your appid", "apiKey": "your apiKey", "refer": "your refer" } } } } ``` 2. 在 `index.wxml` 文件中添加地图组件： ```html <view class="container"> <map id="map" longitude="113.324520" latitude="23.099994" show-location></map> <button class="btn" bindtap="navigateTo">导航到目的地</button> </view> ``` 3. 在 `index.js` 文件中编写导航逻辑： ```js Page({ data: { longitude: "113.324520", latitude: "23.099994" }, navigateTo: function () { wx.getLocation({ type: 'gcj02', success: (res) => { wx.navigateTo({ url: `plugin://myPlugin/route-plan?key=your apiKey&referer=your refer&end=${this.data.latitude},${this.data.longitude}&start=${res.latitude},${res.longitude}&coord_type=gcj02` }) } }) } }) ``` 注意：在使用地图 SDK 前，需要在小程序管理后台中开启插件功能，并在 `app.json` 文件中进行配置。此外，还需要在地图 SDK 的官网上注册账号并获取 apiKey 和 refer 参数。
