baidumapapi / wxapp-jsapi

百度地图微信小程序jsapi

百度地图微信小程序JS API v1.1

相关链接

百度地图开放平台
百度地图微信小程序JSAPI服务

更新日志

• 2017.01.11：发布v1.0版本，支持search、suggestion、regeocoding和weather四种接口。

• 2017.02.15：修复location参数无效的bug。

• 2019.07.03：发布v1.1版本，增加geocoding接口，支持地址信息到经纬度的转换。

• 2020.09：由于ak鉴权限制，小程序端jsapi暂不支持天气服务，可以通过webAPI天气服务调用。

概述

百度地图微信小程序JavaScript API（下文简称小程序JSAPI），对百度地图Web服务API中的部分lbs接口，按照微信小程序的规范进行了前端JS封装，以方便微信小程序开发者的调用。

部分接口对返回的POI等数据按照微信小程序的数据格式进行了处理，可直接用于小程序的map中。

目前开放的小程序JSAPI接口和调用的WebAPI接口对应关系为：

小程序JSAPI	Web服务API
search	Place API的周边检索部分
suggestion	Place Suggestion API
regeocoding	Geocoding API的逆地址解析部分
geocoding	Geocoding API的正地址解析部分

目录结构

demo ------------- 小程序JSAPI完整DEMO
src --------------- 小程序JSAPI源码

类参考

BMapWX

此类是小程序JSAPI的核心类。

构造函数:

构造函数	描述
BMapWX(ak: string)	创建 BMapWX对象时，必须要传入ak

方法:

方法名	返回值	描述
search(searchParam: Object)	none	进行search检索，检索周边POI信息
suggestion(suggestionParam: Object)	none	进行suggestion检索，根据内容进行模糊检索匹配，输入补全
regeocoding(regeocodingParam: Object)	none	进行regeocoding检索，根据经纬度获得对应的地理描述信息
geocoding(geocodingParam: Object)	none	进行geocoding检索，根据经纬度获得对应的地理描述信息

参数:

searchParam: Object

search检索参数对象结构

属性名	类型	是否必须	描述
location	string	否	经纬度例如：39.915,116.404 默认值为当前定位点
iconPath	string	是	小程序marker图标
iconTapPath	string	否	小程序点击后图标
width	number	否	marker宽，默认为图片宽度
height	number	否	marker高，默认为图片高度
alpha	number	否	marker透明度，默认为1
query	string	否	检索关键字，默认为生活服务、美食、酒店
success	Function(searchSuccess)	否	检索成功后回调回调函数
fail	Function(searchFail)	否	检索失败后回调函数

其他参数和Place API请求参数一致。

searchSuccess: Object

search检索成功回调函数的参数

属性名	类型	是否必须	描述
wxMarkerData	Array	是	小程序格式的marker对象数组，参考微信文档
originalData	Object	是	Place API请求返回全部原始数据

searchFail: Object

search检索失败回调函数的参数

属性名	类型	是否必须	描述
errMsg	string	是	错误信息
statusCode	number	是	错误状态码

suggestionParam: Object

suggestion检索参数对象结构

属性名	类型	是否必须	描述
success	Function(suggestionSuccess)	否	检索成功后回调函数
fail	Function(suggestionFail)	否	检索失败后回调函数

其他参数和Place Suggestion API请求参数一致。

suggestionSuccess: Object

suggestion检索成功回调函数的参数

属性名	类型	是否必须	描述
originalData	Object	是	Place Suggestion API请求返回全部原始数据

suggestionFail: Object

suggestion检索失败回调函数的参数

属性名	类型	是否必须	描述
errMsg	string	是	错误信息
statusCode	number	是	错误状态码

regeocodingParam: Object

regeocoding检索参数对象结构

属性名	类型	是否必须	描述
location	string	否	要解析的经纬度例如：39.915,116.404 默认值为当前定位点
iconPath	string	是	小程序marker图标
iconTapPath	string	否	小程序点击后图标
width	number	否	marker宽，默认为图片宽度
height	number	否	marker高，默认为图片高度
alpha	number	否	marker透明度，默认为1
success	Function(regeocodingSuccess)	否	检索成功后回调函数
fail	Function(regeocodingFail)	否	检索失败后回调函数

其他参数和Geocoding请求参数一致。

regeocodingSuccess: Object

regeocoding检索成功回调函数的参数

属性名	类型	是否必须	描述
wxMarkerData	Array	是	小程序格式的marker对象数组，参考微信文档
originalData	Object	是	Geocoding API请求返回全部原始数据

regeocodingFail: Object

regeocoding检索失败回调函数的参数

属性名	类型	是否必须	描述
errMsg	string	是	错误信息
statusCode	number	是	错误状态码

geocodingParam: Object

geocoding检索参数对象结构

属性名	类型	是否必须	描述
address	string	是	待解析地址，如"北京市海淀区上地十街10号"
iconPath	string	是	小程序marker图标
iconTapPath	string	否	小程序点击后图标
width	number	否	marker宽，默认为图片宽度
height	number	否	marker高，默认为图片高度
alpha	number	否	marker透明度，默认为1
success	Function(geocodingSuccess)	否	检索成功后回调函数
fail	Function(geocodingFail)	否	检索失败后回调函数

其他参数和Geocoding请求参数一致。

geocodingSuccess: Object

geocoding检索成功回调函数的参数

属性名	类型	是否必须	描述
wxMarkerData	Array	是	小程序格式的marker对象数组，参考微信文档
originalData	Object	是	Geocoding API请求返回全部原始数据

geocodingFail: Object

geocoding检索失败回调函数的参数

属性名	类型	是否必须	描述
errMsg	string	是	错误信息
statusCode	number	是	错误状态码

wxapp-jsapi's Issues

天气查询数据问题。

使用天气查询文件类， var weatherData = data.currentWeather[0];返回的竟然是前几天的天气数据。返回的originalData数组更奇葩，前四五天的数据到今天。是时间返回有问题，还是数据本身就是前几天的天气预报？

小程序返回的经纬度和PC调用返回的经纬度不同，同样的地址

我调用了小程序专用的百度api，输入一个字符串，发现了实际返回的经纬度和在pc调用的有一些差异，所以能不能给解决一下；
例子：北京市***广场人民英雄纪念碑
PC的api返回的 116.404043,39.911012
小程序的api返回的 lat: 39.904667375497, lng: 116.39766663332
烦请各位高手支招

POI检索位置不对

用web版百度地图和小程序版百度地图搜索同一个位置，返回的地理坐标不一致

请问有为小程序开发瓦片功能吗？

你好项目需要在小程序中使用瓦片，但是在API中没有找到，以后会有增加吗？

geocoding方法封装错误，将导致引用问题，无限循环

问题在这：
let outputRes = res; outputRes["originalData"] = res;
应该是 let outputRes = {};

官方文档文件名描述错误

地址信息转换为经纬度

大佬，有将具体的收货地址转换为经纬度的方法？

定位

很疑惑，为什么没有api直接获取当前定位呢
有个需求，公司app用的是百度定位，为了保持一样，那小程序也需要
由于没有提供直接获取的api，我只能通过微信获取微信的经纬度，然后通过接口去转成百度的经纬度，然后再通过接口获取当前定位的地址信息，不觉得麻烦吗？
说实话，但凡能用高德，我早用高德了，至少它还封装了这些东西，不用在调用额外接口

为什么我的页面刷出来的是“腾讯地图”？

您好！ 我加载了这个demo，换上我在百度申请的api，为什么显示的是“腾讯地图”啊

经纬度定位位置准确性

求问下大大，按照文档中的 regeocoding 方法 用经纬度来定位位置 ，为什么有一定的偏移误差

demo里把微信接口获取的坐标转换成百度的了吗

我想进行逆地址解析，demo里面是将坐标转换成百度坐标再调用百度接口的吗？还用不用自己转换

微信地图API是否支持聚散图?

比如js-API里面的聚散图效果，也叫点聚合

poi信息有限制吗

我把 BMap.search方法内的 "query"的默认值改为了医院，我想展示附近的医院，就报错了，说Cannot read property 'latitude' of undefined，难道只能限制在生活服务$美食&酒店这三类值吗？

这玩意凉了吧，都没人打理了，已经没法正常使用了

打开之后是百页啥都没有

加载地图时的缩放级别

加载地图的时候，如何设置加载的缩放级别？

在小程序里面静态图显示不出来

regeocoding的location是gcj02坐标还是bd09

regeocoding的location可以直接传gcj02坐标吗，还是要转成bd09

天气weather的location参数怎么使用？

// 发起weather请求
BMap.weather({
location:"116.4135540000,39.9110130000",
fail: fail,
success: success
});
我根据官方文档像上面那样传入location，没能获取到对应的城市天气
这是为什么了？

微信中百度地图显示使用的是腾讯地图

引入了libs/bmap-wx.min.js，但是还是显示腾讯地图

小程序里面的地图可以使用个性化地图样式吗

小程序里怎么打开百度地图App

小程序里怎么打开百度地图App

Street View API Equivalent

Hello, Is there a StreetView Panorama Equivalent for Baidu Maps API?

APP不存在，AK有误请检查再重试

创建的小程序应用，在小程序端调用天气API显示“APP不存在，AK有误请检查再重试”，多次检查AK均无问题

请问支持轨迹动画吗？

请问支持轨迹动画吗？

打开之后是空白页面 什么都没有 天气那页就是一片绿色

README.md里面的日期应该是2017年！

README.md里面的日期应该是2017年！

为什么没有计算一个点到多点的距离API？

怎么没有和腾讯地图一样的 calculateDistance 接口？计算点与点之间的距离

获取到的经纬度是整数

不太清楚是wx.getLocation()获取的经纬度问题还是百度地图API返回的经纬度是整数

有人遇到类似的情况么？

加载地图怎么提示getLocation:fail api scope is not declared in the privacy agreemen？这个问题该如何解决