参考官方Demo

1.进入公众号,选择「关联小程序」后,微信公众号运营者用手机扫码进行认证,并输入小程序的AppID即可。

2.腾讯地图+小程序appID:wx7643d5f831302ab0

3.

4.在这里,可以选择是否要把小程序放到公众号资料页,以及是否要给公众号用户发送通知。

5.如果你选择了发送通知,那么在小程序接受关联邀请后,公众号的关注者们就会收到一条模板消息,点击这条消息,就能打开小程序了。

6.

7.第二步:在公众号文章中添加小程序

8.1.在右边选择’新建图文素材’或者修改图文素材;

9.2.在公众号文章中找到要插入小程序的位置,然后点击右边的’小程序’

10.

11.

12.

13.3.选择关联好的腾讯地图+小程序,并点过‘下一步’

14.4.填写详细信息,点『确定』

15.要填写的内容包括:

16.1)小程序名称:腾讯地图+

17.2)小程序路径:这个是用户在文章里,点击链接后,跳转到小程序哪个页面。

18.3)选择展示方式:可选择文字、图片或小程序卡片

19.文字内容自定义,点击后可以直接打开小程序

20.上传本地图片,点击后可以直接打开小程序

21.可编辑卡片名称及封面图,点击后可以直接打开小程序

22.腾讯地图支持的跳转小程序路径:(即点击打开小程序对应的页面)

23.小程序首页:pages/index/index

24.小程序路线页:点击后打开用户当前位置到该POI点的路线,需要手动获取POI点的参数

25.拼接规则:pages/multiScheme/multiScheme?endLoc={“name”:"xxxxxxx","location":{"lat":xxxxxxxxx,"lng":xxxxxxxx}}&qbMode=0

26.需要获取填入的内容如下:

27.(1)name:POI的名称,如『中国技术交易大厦』

28.(2)location:POI的经纬度,如『”lat":39.998213,"lng":116.322631』

29.经纬度获取方式:

30.(1)打开:http://lbs.qq.com/tool/getpoint/index.html

31.(2)输入位置点名称,点击搜索,选择POI后,在坐标一栏中显示POI的location,前面的是lat,后面的是lng

32.

33.示例文章:https://mp.weixin.qq.com/s/IsusFgn5TlvpglWoUG6KrQ