js中百度地图API获取本地搜索全部结果自定义显示效果
2017-06-02 11:10
696 查看
最近碰到一个关于百度地图api的问题:
1、首先我需要获取到一个本地搜索的全部结果;
2、然后需要对获取的结果信息进行读取以及对这些信息的个性化展示
大致操作如下,首先通过result.getNumPois()获取本次搜索全部结果记录数,但是这个结果无法直接全部取到,因为通过getPoi(index)方法只能获取当前页面的几条数据,所以,我们需要考虑如何将当前页面改变,能达到遍历结果所有页面数据的效果,但是很无奈,百度给的api并没有这样的方法。经过千辛万苦,各种百度查询,终于找到一种方式,就是在每次获取一个页面的数据之后,需要使用LocalSearch的gotoPage(PageIndex)重新调处下一页的数据。
大致代码结构如下。
[javascript] view
plain copy
var local1 = new BMap.LocalSearch(
map,
{
renderOptions : {
map : map,
// panel : "resultDiv"
},
onSearchComplete : function(results) {
// 需要获取当前搜索总共有多少条结果
var totalResults = results.getNumPois();
[javascript] view
plain copy
var totalPages = results.getNumPages();
var currPage = results.getPageIndex();// 获取当前是第几页数据
// alert("totalResults:" + totalResults);
for (i = 0; i < results.getCurrentNumPois(); i++) {
//resultArray[50 * currPage + i] = results.getPoi(i);//在当前页面下获取页面中的内容
}
if (results.getPageIndex() < results.getNumPages() - 1) {
[javascript] view
plain copy
<strong><span style="font-size:18px;color:#ff0000;"> local1.gotoPage(results.getPageIndex() + 1); // 遍历到最后一页之后不再进行下一页搜索,此时,已经获取到全部的搜索结果,
</span></strong>
} else {// 已经到达最后一页结果
[javascript] view
plain copy
alert("全部结果有:" + resultArray.length + "------原本搜索结果有:" + results.getNumPois());
[javascript] view
plain copy
//本实例中是要使用resultArray存储所有检索结果,在此else分支对存储的结果数据进行页面展示
[javascript] view
plain copy
[javascript] view
plain copy
}
},
pageCapacity : 50
});
local1.searchNearby('景点', pp, 2000);
在代码片段中,else分支便可以添加自己的处理代码,且能够完全获取到检索的结果,
这样,我可以对检索结果进行布局设置,控制显示格式,添加动作响应等比较复杂的操作。
//注,代码片段无法直接运行,需要根据实际进行修饰才能使用。
1、首先我需要获取到一个本地搜索的全部结果;
2、然后需要对获取的结果信息进行读取以及对这些信息的个性化展示
大致操作如下,首先通过result.getNumPois()获取本次搜索全部结果记录数,但是这个结果无法直接全部取到,因为通过getPoi(index)方法只能获取当前页面的几条数据,所以,我们需要考虑如何将当前页面改变,能达到遍历结果所有页面数据的效果,但是很无奈,百度给的api并没有这样的方法。经过千辛万苦,各种百度查询,终于找到一种方式,就是在每次获取一个页面的数据之后,需要使用LocalSearch的gotoPage(PageIndex)重新调处下一页的数据。
大致代码结构如下。
[javascript] view
plain copy
var local1 = new BMap.LocalSearch(
map,
{
renderOptions : {
map : map,
// panel : "resultDiv"
},
onSearchComplete : function(results) {
// 需要获取当前搜索总共有多少条结果
var totalResults = results.getNumPois();
[javascript] view
plain copy
var totalPages = results.getNumPages();
var currPage = results.getPageIndex();// 获取当前是第几页数据
// alert("totalResults:" + totalResults);
for (i = 0; i < results.getCurrentNumPois(); i++) {
//resultArray[50 * currPage + i] = results.getPoi(i);//在当前页面下获取页面中的内容
}
if (results.getPageIndex() < results.getNumPages() - 1) {
[javascript] view
plain copy
<strong><span style="font-size:18px;color:#ff0000;"> local1.gotoPage(results.getPageIndex() + 1); // 遍历到最后一页之后不再进行下一页搜索,此时,已经获取到全部的搜索结果,
</span></strong>
} else {// 已经到达最后一页结果
[javascript] view
plain copy
alert("全部结果有:" + resultArray.length + "------原本搜索结果有:" + results.getNumPois());
[javascript] view
plain copy
//本实例中是要使用resultArray存储所有检索结果,在此else分支对存储的结果数据进行页面展示
[javascript] view
plain copy
[javascript] view
plain copy
}
},
pageCapacity : 50
});
local1.searchNearby('景点', pp, 2000);
在代码片段中,else分支便可以添加自己的处理代码,且能够完全获取到检索的结果,
这样,我可以对检索结果进行布局设置,控制显示格式,添加动作响应等比较复杂的操作。
//注,代码片段无法直接运行,需要根据实际进行修饰才能使用。
相关文章推荐
- js中百度地图API获取本地搜索全部结果自定义显示效果
- 如何在SharePoint里自定义WebPart将搜索结果显示在同一个界面
- 【百度地图API】如何用圆形搜索获取中心点周围100米内全部关键点?如天安门附近所有的餐厅、加油站、宾馆、大厦等
- 【百度地图API】如何用圆形搜索获取中心点周围100米内全部关键点?如天安门附近所有的餐厅、加油站、宾馆、大厦等
- JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果
- 关于Android查询本地视频文件、获取缩略图,并且让缩略图以相同大小显示、给缩略图添加白色边框效果
- [013] 百度地图API之城市POI搜索-获取所有结果(Android)
- js实现百度搜索结果翻页效果
- [013] 百度地图API之城市POI搜索-获取所有结果(Android)
- 搜索框输入文字显示搜索结果的效果
- JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果
- JQuery+JS实现仿百度搜索结果中关键字变色效果
- 漂亮!Javascript代码模仿淘宝宝贝搜索结果的分页显示效果
- 通过JS获取用户本地图片路径并显示的代码
- 【百度地图API】如何用圆形搜索获取中心点周围100米内全部关键点?如天安门附近所有的餐厅、加油站、宾馆、大厦等
- JQuery+JS实现仿百度搜索结果中关键字变色效果
- 让DEDE内容模型自定义字段在搜索结果中显示的办法
- 【百度地图API】如何用圆形搜索获取中心点周围100米内全部关键点
- Android百度公交开发(七)——百度地图API之城市POI搜索-获取所有结果
- 如何在SharePoint里自定义WebPart将搜索结果显示在同一个界面