快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

【百度地图API】如何调整结果面板的样式?如何获取指定页码的结果?

摘要:

10年积累的网站制作、网站建设经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站设计制作后付款的网站建设流程,更有峨边彝族免费网站建设让你可以放心的选择与我们合作。

1、你是否想自定义查询后,结果面板的显示样式?

2、数据接口每次只返回10条结果,如何取到单独每一页的结果?

---------------------------------------------------------

一、如果自定义结果面板的样式?

我们通过数据接口拿到每一条数据,然后塞到自己想要的html结构里,如下:

if(cPNum > 0){
                str += '';
                temp.mk = [];
                for(var i=0;i'+ pInfo.title+'';
                    temp.mk.push(pInfo.point);
                }
                map.setViewport(temp.mk)
                str += '';       
       
                //这里略去页码显示部分,只显示第一页数据。
 
                $('result').innerHTML = str;
            }

然后再自己给这些生成的html写上样式:

这样就有现在的样式:

【百度地图API】如何调整结果面板的样式?如何获取指定页码的结果?

二、接下来是页码显示的部分。

当鼠标点击页码的时候,就获取该页的十条数据。onclick="l_search.gotoPage(i)"

if(pageNum > 1){
                    pageStr += '';
                    for(var i =0;i' + j + ''
                        }
                        else{
                            pageStr += j;
                        }
                    }
                    pageStr += '
';                 }            str += pageStr;

三、全部源代码如下,点击这里运行。













结果面板样式+制定页码结果















  

  
  
         function $(id) {         return document.getElementById(id);     }         var map = new BMap.Map("dituContent");     var point = new BMap.Point(116.331398,39.897445);     map.centerAndZoom(point,12);     map.enableScrollWheelZoom();     var temp = {};         var l_search = new BMap.LocalSearch(map,{         onSearchComplete : function(r){             map.clearOverlays();             var pageNum = r.getNumPages();             var cPage = r.getPageIndex();             var cPNum = r.getCurrentNumPois();             var str = '';             var pageStr = '';             if(cPNum > 0){                 str += '';                 temp.mk = [];                 for(var i=0;i'+ pInfo.title+'';                     temp.mk.push(pInfo.point);                 }                 map.setViewport(temp.mk)                 str += '';                 if(pageNum > 1){                     pageStr += '';                     for(var i =0;i' + j + ''                         }                         else{                             pageStr += j;                         }                     }                     pageStr += '';                 }                                 str += pageStr;                 $('result').innerHTML = str;             }         }     });     l_search.search("1");
网页标题:【百度地图API】如何调整结果面板的样式?如何获取指定页码的结果?
分享网址:http://6mz.cn/article/psdseg.html