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

摘要:

为武隆等地区用户提供了全套网页设计制作服务,及武隆网站建设行业解决方案。主营业务为成都网站建设、网站建设、武隆网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!

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");

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


文章名称:【百度地图API】如何调整结果面板的样式?如何获取指定页码的结果?-创新互联
文章出自:http://myzitong.com/article/copdpc.html

其他资讯