php微信地图定位导航,微信公众服务号下实现地图语音导航的方案

微信公众服务号下实现地图语音导航的方案

如何在微信公众号里面实现多商家用户,店铺详情页的语音导航功能这个问题一直困惑着我。

现在有一个解决方案供大家参考。

具体步骤如下:

1、打开:http://map.qq.com/

2、搜索关键词“你要导航的位置”,点击标记,弹出框的“分享”按钮,复制里面的链接。

链接URL 保存到手机站里面,店铺详情页导航按钮的链接里面。完成。

位置展示组件

位置展示组件,可以在地图上展示一个或多个位置点。数据来源支持三种方式:通过url传递数据、地图检索数据和自有定制数据。 可以展示每个位置点的名称地址等详细信息,也可查看该位置点的街景信息或发起到该位置的路线规划。

调用示例

732403d73dad3430d091c3dda120f30e.png

a068a5507743344e8ce6a40e20391d52.png

327a97b664e221ceb750f96a353c12e0.png

cccf6ec2992b001a936915b72e3cbdf6.png

下面按照数据来源的三种方式,分别介绍调用的地址及参数说明。

1. 使用url传递数据

1.1 调用地址

http://apis.map.qq.com/tools/poimarker?type=0&marker=coord:39.96554,116.26719;title:成都;addr:北京市海淀区复兴路32号院|coord:39.87803,116.19025;title:成都园;addr:北京市丰台区射击场路15号北京园博园|coord:39.88129,116.27062;title:老成都;addr:北京市丰台区岳各庄梅市口路西府景园六号楼底商|coord:39.9982,116.19015;title:北京园博园成都园;addr:北京市丰台区园博园内&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77&referer=myapp

1.2 调用参数

参数名

必填

参数说明

示例

type

0:使用url传递的数据

1:使用地图检索数据,支持region和nearby检索。参考 WebService API – 地点搜索

2:使用自有定制数据[暂未开放,后续会陆续支持]

type=0

marker

marker参数的格式:marker=markerAttributes|markerAttributes,每个markerAttributes定义了一个标注的全部属性,markerAttributes之间以”|”分隔。markerAttributes格式:coord:lat,lng;title:标注点名称;addr:标注点地址。不同属性之间用英文分号隔开,属性名称和属性值之间用英文冒号隔开。特别提醒,url中最多传递4个marker信息,且每个marker中title和addr的长度不能超过10个汉字。

单点标注:

marker=coord:39.892326,116.342763;title:超好吃冰激凌;addr:手帕口桥北铁路道口

多点标注:

marker=coord:39.96554,116.26719;title:成都;addr:复兴路32号院|coord:39.87803,116.19025;title:成都园;addr:北京园博园

marker属性集

coord

位置点的坐标:lat,lng(英文逗号隔开)

这里的坐标是火星坐标,可用坐标拾取器获取

coord:39.892326,116.342763

coordtype

输入的coord坐标类型

可选值为[1,6]之间的整数,每个数字代表的类型说明:

1. GPS坐标

2. sogou经纬度

3. baidu经纬度

4. mapbar经纬度

5. [默认]腾讯、google、高德坐标

6. sogou墨卡托

coordtype:5

title

位置点名称

title:超好吃冰激凌

addr

位置点地址

addr:北京市手帕口桥北铁路道口

key

开发密钥(key)

key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77

referer

调用来源,一般为您的应用名称,为了保障对您的服务,请务必填写!

referer=myapp

2. 使用地图检索数据

2.1 调用地址

http://apis.map.qq.com/tools/poimarker?type=1&keyword=酒店&center=39.908491,116.374328&radius=1000&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77&referer=myapp

2.2 调用参数

参数名

必填

参数说明

示例

type

0:使用url传递的数据

1:使用地图检索数据,支持region和nearby检索。参考 WebService API – 地点搜索

2:使用自有定制数据[暂未开放,后续会陆续支持]

type=1

keyword

必填

检索的关键字

keyword=酒店

region

三选一

城市名称,指定城市的地点搜索

region=北京

bound

矩形范围区域,参数需给定矩形 左下(西南) 和 右上(东北) 位置坐标lat,lng ,lat,lng

bound=39.907293,116.368935,39.914996,116.379321

center

中心点坐标,指定中心点的周边地点搜索,center=lat,lng,注意center=CurrentLocation时表示自动获取设备当前位置作为中心点

center=39.908491,116.374328或center=CurrentLocation

radius

以center为中心的查询范围半径,单位:米。注意,只有在指定中心点的检索时,才是必填

radius=1000

georetry

center=CurrentLocation条件下,当定位失败时是否显示定位重试按钮。

0:不显示重试按钮,使用城市级别的检索结果

1:显示重试按钮(缺省值)

georetry=0

streetview

0:不显示街景按钮

1:显示街景按钮(缺省值)

streetview=0

tonav

0:不显示去这里按钮

1:显示去这里按钮(缺省值)

tonav=0

key

开发密钥(key)

key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77

referer

调用来源,一般为您的应用名称,为了保障对您的服务,请务必填写!

referer=myapp

预览

url传递数据

地图检索数据

标签:微信、地图

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值