百度地图获取本地搜索(LocalSearch)全部结果并显示标注
业务需求:获取一定范围内百度地图中所有店面
(以下代码实现的‘一定范围’指圆,显示某检索值下所有地图返回的店面)
var circle = new BMap.Circle(point,1000,{fillColor:"blue", strokeWeight: 1 ,fillOpacity: 0.3, strokeOpacity: 0.3});map.addOverlay(circle);circle.disableMassClear();var ResultArray = [];var local1 = new BMap.LocalSearch(map,{renderOptions : {map : map,// panel : "content"},onMarkersSet:function (array) {console.log(array);},onInfoHtmlSet:function (LocalResultPoi) {console.log(LocalResultPoi);},onResultsHtmlSet:function (element) {console.log(element);},onSearchComplete : function(results) {// 需要获取当前搜索总共有多少条结果var totalPages = results.getNumPages();var currPage = results.getPageIndex();// 获取当前是第几页数据if (currPage <totalPages - 1) {console.log(results.getCurrentNumPois());ResultArray.push(...local1.getResults().Br);local1.gotoPage(currPage + 1); // 遍历到最后一页之后不再进行下一页搜索,此时,已经获取到全部的搜索结果,console.log(local1.getResults());} else {// 已经到达最后一页结果ResultArray.push(...local1.getResults().Br);console.log(ResultArray);map.clearOverlays();for (var store of ResultArray){// console.log('dayin');var marker = new BMap.Marker(store.point);map.addOverlay(marker);}// alert("全部结果有:" + ResultArray.length + "------原本搜索结果有:" + results.getNumPois());}},pageCapacity : 50});local1.searchNearby('餐饮',point,1000);
注:代码里point,map没有给,请用自己的。另外由于本人使用react,所以不提供完整代码啦。(这只是测试用代码实际使用请自行修改,还有就是大量标注点导致的卡顿问题...)
排坑:
local虽然提供了getResults方法,但在类参考中并没有提供获取当页列表的方法。代码中使用getResults().Br获取,希望有会获取的大佬分享下
建议每页容量不要超过50
最后效果
参考文章:获取本地搜索全部结果
百度地图提供的接口
百度地图获取本地搜索(LocalSearch)全部结果并显示标注相关推荐
- vue中调用百度地图 获取经纬度
项目中,需要实现获取当前位置的经纬度,或者搜索某个位置并获取经纬度信息,我使用的的是vue,地图使用的是百度地图. 默认自动获取当前位置经纬度 拖动小红标 获取经纬度 关键词 查询获取经纬度 前期准备 ...
- 根据ip获取经纬度_PHP使用百度地图获取指定地址坐标:创建AK(图文+视频)
本篇文章主要给大家介绍PHP使用百度地图获取指定地址坐标之创建AK(api key)的方法. 我们在前面的文章[PHP使用腾讯地图获取指定地址坐标:创建key][PHP使用腾讯地图获取指定地址坐标:经 ...
- 百度地图获取经纬度后,获取区域代码和地址
百度地图获取经纬度后,获取区域代码和地址: function getdistrct_code($location){$url ="api.map.baidu.com/geocoder/v2/ ...
- 根据php经纬度百度地图打点,PHP使用百度地图获取指定地址坐标:经纬度(图文+视频)...
本篇文章主要给大家介绍PHP使用百度地图获取指定地址坐标之经纬度的实现方法. 在之前的文章[PHP使用百度地图获取指定地址坐标:创建AK]中,已经给大家介绍了如何在百度地图开放平台中创建AK(api ...
- vue使用百度地图获取位置信息
vue使用百度地图获取位置信息 最近再做H5页面,就一个单页面,进来的时候,要获取地理位置,上代码 1.使用srcipt不受同源策略的影响,来获取百度api 写在了一个bmap.js里面,onBMap ...
- JS 通过百度地图获取详细地址及经纬度
下方代码可以通过百度地图获取到经纬度和详细位置地址 注意: <script type ="text / javascript"src ="http://api.ma ...
- 百度地图获取的经纬度为4.9e-324,4.9e-324
最近做一个项目,发现前天还是好好的,今早过来发现,百度地图获取的经纬度是4.9e-324,4.9e-324,后来仔细检查一下运行时权限,还有GPS有没有打开,后来发现GPS没有打开
- android h5调用百度地图,h5页面如何调用百度地图获取当前位置(代码)
本篇文章给大家带来的内容是关于h5页面如何调用百度地图获取当前位置(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 在项目中越来越多的用到了手机的GRS定位功能,使用百度地图A ...
- 百度地图获取当前位置街道_轻松查看街道地址位置地图
百度地图获取当前位置街道 Have you found the address for a place that you would like to visit while browsing but ...
最新文章
- Windows Vista即将发布SP1
- 配置Java_Home,临时环境变量信息
- net use命令详解
- wxWidgets:wxBrush类用法
- UI5控件类似Java反射机制的一个小技巧
- 高度为5的3阶b树含有的关键字个数_第15期:索引设计(索引组织方式 B+ 树)
- 数据同步的解决方案Canal
- “Runtime Error”不产生dump文件的解决办法
- 清新手绘水果平面设计|面膜的包装设计越来越精致了!
- java g1的并行_Java 11好用吗
- 20145209 《信息安全系统设计基础》课程总结
- 祖玛游戏3D版源代码
- 【人工智能】一文读懂人脸识别技术
- 服务器删除的excel文件备份在哪里,excel自动备份文件在哪!如何找回EXCEL表格已删除的文件...
- Android Persistent常驻内存分析
- 教师资格证面试试讲需要注意什么?
- windows系统的包管理器【choco】
- 【Java】简单的马戏团节目单项目
- D3.js用动画渲染数据集的显示
- android相机拉伸解决办法