最近做了一个百度地图,轨道回放,地点检索,今天来说一下自定义地点检索搜索功能。
地点检索其实很简单 首先我我们可以利用id把search和AutoComplete绑定到一起 ,输入值后AutoComplete组件会处理当前输入的inputValue值
代码示例:
1.<Search/>组件根据自己使用的组件库修改
2.onConfirm地点检索中下拉框的选中值的回调
3.<Autocomplete/>中input是绑定<Search/>组件id的值(官网Autocomplete给的是setInputValue,在AutocompleteOptions中有input)
const { Search } = Input;
<Search
value={inputValue}
placeholder="搜地点"
allowClear
size="middle"
onSearch={onSearch}
id="input"
onChange={handleOnChange}
/>
<AutoComplete
input="input"
onConfirm={(e: any) => {
const _value = e.item.value;
let value = '';
if (e.item.index > -1) {
value =
_value.province + _value.city + _value.district + _value.street + _value.business;
}
setInputValue(value);
}}
/>
这里只是一个大概功能,细节需求不同,可以根据上面百度jsapi去查看自己需要的方法