输入地址模糊匹配选择地址

百度地图自动补全示例

最新推荐文章于 2025-03-31 17:39:30 发布

原创最新推荐文章于 2025-03-31 17:39:30 发布 · 4.9k 阅读

0 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

17 篇文章

订阅专栏

<!DOCTYPE html>

<html>

<head>

<title>关键字输入提示词条</title>

</head>

<body>

<p class="error">请填写正确的信息</p>

</div>

<p class="error">请填写正确的信息</p>

</div>

</body>

</html>

loadMapAutocomplete("suggestId", "searchResultPanel");

loadMapAutocomplete("suggestIdshou", "searchResultPanelshou");

function G(id) {

return document.getElementById(id);

}

function loadMapAutocomplete(suggestId, searchResultPanel) {

var checkValue;

Ac = new BMap.Autocomplete( //建立一个自动完成的对象

{

"input": suggestId,

});

Ac.addEventListener("onhighlight", function(e) { //鼠标放在下拉列表上的事件

var str = "";

var _value = e.fromitem.value;

var value = "";

if(e.fromitem.index > -1) {

value = _value.province + _value.city + _value.district + _value.street + _value.business;

}

str = "FromItem<br />index = " + e.fromitem.index + "<br />value = " + value;

value = "";

if(e.toitem.index > -1) {

_value = e.toitem.value;

value = _value.province + _value.city + _value.district + _value.street + _value.business;

}

str += "<br />ToItem<br />index = " + e.toitem.index + "<br />value = " + value;

G(searchResultPanel).innerHTML = str;

});

Ac.addEventListener("onconfirm", function(e) { //鼠标点击下拉列表后的事件

var _value = e.item.value;

checkValue = _value.province + _value.city + _value.district + _value.street + _value.business;

G(searchResultPanel).innerHTML = "onconfirm<br />index = " + e.item.index + "<br />myValue = " + checkValue;

});

}

</script>