• js调用百度地图搜索功能


    引用百度jsApi

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

    创建地址解析器:

    var localSearch = null;
    //查询参数
    var options = {
               //智能搜索
                onSearchComplete: function (results) {
                    //查询结果状态码
                    if (localSearch.getStatus() == BMAP_STATUS_SUCCESS) {
                        var s = convertMapSearch(results);  //对结果进行处理
                        model.locationAddress(s);   //将结果数据赋予knockout对象数组(可用其他数组对象代替)
                    }
                }
            };
            localSearch = new BMap.LocalSearch("城市", options);

    结合knockout的textInput绑定方法和对象的subscribe属性,实现输入框变化实时查询功能。

    //绑定
    <input id="txtAddress" type="text" placeholder="请输入用餐地址" data-bind="textInput: addressInput" />
    
    //subscribe属性  在输入变化的时候执行地址查询
    sf.addressInput.subscribe(function (val) {
                var addr = $.trim(val);
                if (addr == "") {
                    return;
                }
               localSearch.search(addr);
            });
  • 相关阅读:
    HDUOJ---2152
    HDUOJ ---悼念512汶川大地震遇难同胞——来生一起走
    HDUOJ --2566
    HDUOJ ----1709
    HDUOJ---1171
    HDUOJ ------1398
    catalan---卡特兰数(小结)
    向前字典排序
    HDUOJ--Holding Bin-Laden Captive!
    HDUOJ----Ignatius and the Princess III
  • 原文地址:https://www.cnblogs.com/lc-ant/p/4786753.html
Copyright © 2020-2023  润新知