百度地图--搜索服务(Web)LocalSearch

百度api js参考网址:http://lbsyun.baidu.com/cms/jsapi/class/jsapi_reference.html#a7b0

加载 API js文件

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=AK"></script>

AK 为自己百度密钥

页面效果代码:

<div id="map_div" style="display:none;width:100%;height:100%;position:fixed;left:0;top:0;background:#fff;z-index:9999999">
    <div style="padding:10px">
        <div style="width:100%;">
            <input type="text" onkeyup="search_place(this)" style="width:100%;padding:7px 5px 7px 30px;border:none;border-radius:15px;background:#f1f1f1">
        </div>

    </div>
    <div style="width:100%" id="addr_result"></div>
</div>

js:

//地址搜索
function search_place(a){
    var addr = $(a).val();
    show_addr(addr);
}
//显示地图搜索模板
function show_addr_rearch(){
    $("#map_div").slideDown();
}
//地图搜索
function show_addr(addr){
    var addr_res = $("#addr_result");
    addr_res.html("");
    var ls = new BMap.LocalSearch("成都市");
    ls.search(addr);
    ls.setSearchCompleteCallback(function(rs){
        if(ls.getStatus() == BMAP_STATUS_SUCCESS){

            for(var i= 0 ; i < rs.getCurrentNumPois();i++){
                var poi = rs.getPoi(i);
                var div = "<div style='padding:10px;border-bottom:1px solid #f1f1f1' onclick=\"deliver_addr('"+poi.title+"','"+poi.address+"','"+poi.point.lng+"','"+poi.point.lat+"')\">";
                div += "<div>"+poi.title+"</div>"
                div += "<div>"+poi.address+"</div>"
                div += "</div>";
                addr_res.append(div);
            }
        }
    });
}

ps:
1. 创建搜索实例

var ls = new BMap.LocalSearch("成都市");

这里写图片描述

  1. 通过实例搜索
ls.search(addr);

这里写图片描述

3.搜索结束回调

ls.setSearchCompleteCallback(function(rs){
        if(ls.getStatus() == BMAP_STATUS_SUCCESS){
        }
    });

这里写图片描述

ps:
用到的类:
LocalResult:
这里写图片描述

LocalResultPoi: var poi = rs.getPoi(i);
这里写图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值