油耗笔记OilNote其实对地图搜索能力，其实就是查询周边加油站的功能进行过一次升级，上次升级是将地图搜索能力由高德地图切换成了百度地图，切换原因也非常简单，高德地图无耻的将每日额度改成了100，根本没法用了。

具体切换过程，感兴趣的可以看看。油耗笔记OilNote周边搜索能力由高德地图切换成百度地图 - 香草物语 (xiangcaowuyu.net)

一、为什么又不用百度地图了

1.1、对搜索结果不满意

其实，从高德地图切换到百度地图也不过一天的时间。之所以不使用百度地图，最根本的原因，是百度地图所谓的圆形搜索能力真的太差劲了。好多东西根本就搜不到。而且作为记录油耗的一个小程序，搜索周边加油站其实是最基础最基本的一个功能，但是百度地图的圆形搜索能力简直就弱爆了。明明旁边就有加油站，死活就是搜索不到。但是百度地图自己却能搜索到。

比如这个地图是当时使用百度地图的搜索加油站的结果

下面这个是切换到腾讯地图在相同位置的搜索加油站的结果

但是，百度地图搜索的充电站数量好像也不少，跟腾讯地图也有差不多。

1.2、坐标转换比较麻烦

使用uni.getLocation()方法虽然获取到的坐标是gcj02，但是在百度地图下，得使用百度的坐标，必须转换一次，不然坐标误差是非常大的。

1.3、官方文档写的太乱

百度地图的官方文档写的，真的是一言难尽。

1.4、资料很少

貌似很多人都用高德的地图API，网上一搜很多，但是百度地图的相对就比较少了。虽然腾讯地图网上资料比较少，但是官网的开发文档还是很清晰明了的，这在一定程度上弥补了网上资料少的缺点。

二、腾讯地图额度信息

腾讯地图也是比较良心的，每日额度是三家里面最多的10000次/天，是高德地图的100倍，百度地图的2倍。缺点就是并发比较少，只有5次/秒。对于我们现阶段也是很充足的了。

三、微信公众平台配置

如果使用腾讯地图，必须提前把腾讯地图Api放到域名白名单里面。

微信小程序后台，依次定位到开发管理→开发设置→服务器域名，在request合法域名里面加上百度地图的网址

https://apis.map.qq.com/

如果微信开发者工具提示域名不合法，记得刷新一下开发者工具的域名信息。

刷新后记得重新编译项目。

三、获取附近加油站功能改造

其实三家地图的API都是类似的，我这里主要用了两个API，逆地址解析geocoder还有地点搜索search

3.1、逆地址解析

用于将uniapp获取到的经纬度解析成实际位置。

let getLocation = function(radius = 1000, successFn) {
    var latitude = '' //纬度
    var longitude = '' //经度
    if (uni.getStorageSync('position') == '') {
        uni.getLocation({
            geocode: true,
            type: 'gcj02',
            altitude: true,
            accuracy: 'best',
            isHighAccuracy: true,
            success: (res) => {
                console.log('位置是', res)
                latitude = res.latitude
                longitude = res.longitude
                uni.setStorageSync('latitude', latitude)
                uni.setStorageSync('longitude', longitude)
                uni.request({
                    url: 'https://apis.map.qq.com/ws/geocoder/v1/?key=' + TENCENT_MAP_KEY +
                        '&location=' + latitude + ',' + longitude +
                        '&get_poi=1&output=json',
                    success: function(res) {
                        let result = res.data.result
                        let province = result.address_component.province
                        let city = result.address_component.city
                        // 省份名称
                        uni.setStorageSync('province', province)
                        // 城市名称
                        uni.setStorageSync('city', city)
                        // 城市编号
                        uni.setStorageSync('citycode', result.ad_info.city_code)
                        successFn(result, province, city)
                    },
                    fail(err) {
                        console.log('获取位置信息失败：' + JSON.stringify(err))
                    }
                })
            },
            fail: (err) => {
                console.log('获取位置信息失败：' + JSON.stringify(err))
            }
        })
    }
}

接口示例

https://apis.map.qq.com/ws/geocoder/v1/?location=39.984154,116.307490&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77&get_poi=1

请求参数

响应结果

3.2、获取附近加油站

let getOilStation = function(stationType = '加油站', radius = 1000, successFn) {
    let latitude = uni.getStorageSync('latitude') //纬度
    let longitude = uni.getStorageSync('longitude') //经度
    uni.request({
        url: 'https://apis.map.qq.com/ws/place/v1/search?key=' + TENCENT_MAP_KEY +
            '&boundary=nearby(' + latitude + ',' + longitude + ',' + radius + ',0)' +
            '&keyword=' + encodeURI(stationType) +
            '&page_size=20&page_index=1' +
            '&orderby=_distance&output=json',
        success: function(res) {
            successFn(res)
        }
    })
}

请求URL

https://apis.map.qq.com/ws/place/v1/search

请求参数

请求方式（Method）： GET

响应结果

四、使用腾讯地图一些问题

目前切换到腾讯地图之后遇到的一些问题

1. 不能显示加油站或充电站图片，百度地图是有个参数photo_show，如果photo_show开启，会提示授权失败。具体原因不清楚，没搜到，但是腾讯地图是直接就没有这个参数。
2. 并发确实少点。