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