// 修改代码路径:
// src/platforms/h5/components/system-routes/choose-location/index.vue
// 修改代码:
// 1、scpoe: 1000, // 新增参数
data () {
const key = __uniConfig.qqMapKey
return {
src: `https://apis.map.qq.com/tools/locpicker?search=1&type=1&key=${key}&referer=uniapp`,
data: null
latitude: 0,
longitude: 0,
scpoe: 1000, // 新增参数
pageSize: 15,
pageIndex: 1,
selectedIndex: -1,
list: [],
keyword: '',
searching: false,
loading: true
}
},
// 2、${this.scope}
_getList () {
this.loading = true
const url = this.searching ? `https://apis.map.qq.com/ws/place/v1/search?output=jsonp&key=${key}&boundary=nearby(${this.latitude},${this.longitude},${this.scope})&keyword=${this.keyword}&page_size=${this.pageSize}&page_index=${this.pageIndex}` : `https://apis.map.qq.com/ws/geocoder/v1/?output=jsonp&key=${key}&location=${this.latitude},${this.longitude}&get_poi=1&poi_options=page_size=${this.pageSize};page_index=${this.pageIndex}`
// TODO 列表加载失败提示
getJSONP(url, {
callback: 'callback'
}, (res) => {
this.loading = false
if (this.searching && 'data' in res && res.data.length) {
this._pushData(res.data)
} else if ('result' in res && res.result.pois) {
this._pushData(res.result.pois)
}
}, () => {
this.loading = false
})
},
- 发布:2021-01-22 10:20
- 更新:2021-04-19 17:34
- 阅读:660
产品分类: uniapp/H5
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10
HBuilderX类型: 正式
HBuilderX版本号: 3.0.7
浏览器平台: Chrome
浏览器版本: 80
项目创建方式: HBuilderX
示例代码:
操作步骤:
无
无
预期结果:
无
无
实际结果:
无
无
bug描述:
近期我们平台的部分用户反馈地图组件搜索不到位置,经过问题uni-app文档查看,咱们升级了chooseLocation组件,查看源码发现src/platforms/h5/components/system-routes/choose-location/index.vue组件页面的_getList方法的scope做了限制,如下图
scpoe参数限制1000米以后只能搜索1000米范围内的地址,建议官方将改参数调整成可配置参数,可以入参自定义搜索范围,以达到不同场景的应用需求
y***@qq.com (作者) - yutons
建议参考https://lbs.qq.com/service/webService/webServiceGuide/webServiceSearch#5,将boundary参数优化,支持自定义boundary参数搜索