微信小程序-集成腾讯地图导航

业务场景:小程序内点击地址,根据地址内容唤起腾讯地图。

流程:

github源码地址: https://github.com/jhs1873/wxapp-ditu 

1.申请地图秘钥(https://lbs.qq.com/console/key.html)

   授权 APP ID填写:AppID(小程序ID)

注: 微信小程序使用的时候,WebServiceAPI 域名白名单不能配置,否则会报错

 

微信小程序-集成腾讯地图导航

 

2. 在小程序微信公众号平台设置请求白名单

 微信小程序-集成腾讯地图导航

 

代码内流程:

微信小程序-集成腾讯地图导航

微信小程序-集成腾讯地图导航

微信小程序-集成腾讯地图导航 

至此,点击页面按钮 会在小程序内调起腾讯地图。