想用原生的小程序配合百度地图的小程序api来做这样的效果好实现吗

Question

想用原生的小程序配合百度地图的小程序api来做这样的效果好实现吗

Answer 1

以下回复参考：皆我百晓生、券券喵儿等免费微信小程序作答:

可以使用原生的小程序配合百度地图的小程序API来实现这样的效果。你需要在小程序中引入百度地图的小程序SDK，并使用其中的地图展示、标记点、搜索等功能来实现你的需求。

具体步骤如下：

1. 在小程序中引入百度地图的小程序SDK。在app.json文件中添加如下配置：

{
  "plugins": {
    "mapPlugin": {
      "version": "2.14.3",
      "provider": "bd_miniprogram_jssdk.plugin.map@2.14.3",
      "src": "path/to/baidu/map/sdk"
    }
  }
}

1. 在需要使用地图的页面的json文件中添加插件声明：

{
  "usingComponents": {
    "mapPlugin": "plugin://mapPlugin"
  }
}

1. 在页面的wxml文件中添加地图组件：

<mapPlugin id="mapPlugin" show-location="true" bindmarkertap="markerTap" bindregionchange="regionChange"></mapPlugin>

1. 在页面的js文件中编写相关事件处理函数，如点击标记点事件和区域变化事件：

Page({
  data: {
    markers: [
      {
        id: 0,
        latitude: 31.987654,
        longitude: 118.765432,
        name: '奥体东站店'
      },
      {
        id: 1,
        latitude: 31.987654,
        longitude: 118.765432,
        name: '南京河西中央商场店'
      }
    ]
  },
  markerTap(e) {
    console.log('点击了标记点', e);
  },
  regionChange(e) {
    console.log('区域变化', e);
  }
});

1. 根据需求，你可以使用百度地图的小程序API提供的其他功能，如搜索、路线规划等。具体请参考百度地图小程序SDK文档：https://lbsyun.baidu.com/index.php?title=wxconsole/guide/introduction