微信小程序实现附近医院、加油站、景点和地图路线导航功能（超详细）（附源码）

效果图

API获取

使用腾讯位置服务提供的api

• 点击链接注册或登录控制台
• 在控制台页面点击key管理并创建新密钥

获取Key

1. 登录腾讯位置服务控制台，未注册过账号可以注册成为腾讯位置服务开发者：
   

2. 点击创建应用，设置应用名称和应用类型，点击创建：
   

3. 生成秘钥：
   填写KEY名称、描述、阅读并同意使用条款等应用信息；
   勾选地图SDK配置，可以设置包名，包名要和APP一致；
   使用检索功能需要勾选WebService API；
   点击添加生成KEY；
   
   申请完成后，在应用管理页面点击刚刚申请完成的key配置
   
   在启用产品中勾选微信小程序并填写APP ID和WebserviceAPI，点击保存
   
   这样API就申请成功了

微信小程序后台配置

在小程序后台的开放设置中添加服务器域名https://apis.map.qq.com

在小程序后台的设置中的第三方设置点击添加插件，搜索腾讯位置服务路线规划，点击添加

代码

app.json

{
   
  "pages": [
    "pages/test2/test2"
  ],
  "permission": {
   
    "scope.userLocation": {
   
      "desc": "用户根据您的位置来提供对应的周边信息"
    }
  },
  "window": {
   
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle": "black"
  },
  "plugins": {
   
    "routePlan": {
   
      "version": "1.0.5",
      "provider": ""
    }
  },
  "style": "v2",
  "sitemapLocation": "sitemap.json"
}

wxml代码

<map latitude="{
    {latitude}}" longitude="{
    {longitude}}" markers=