You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
67 lines
1.9 KiB
67 lines
1.9 KiB
import { toLngLat, debounce } from "../../../utils";
|
|
import { PageProps } from "../components";
|
|
import { SearchState } from "../types";
|
|
|
|
export function useMethods(state: SearchState, emit: any) {
|
|
function onSearch(type = state.queryType, keyword = state.keyword, gbCode = 0) {
|
|
state.queryType = type;
|
|
state.keyword = keyword;
|
|
state.current = 1;
|
|
state.localSearch?.setSpecifyAdminCode(gbCode);
|
|
if (state.keyword) {
|
|
state.localSearch?.search(state.keyword, state.queryType);
|
|
} else {
|
|
state.localSearch?.clearResults();
|
|
state.target = null;
|
|
state.pois = false;
|
|
state.statistics = false;
|
|
state.area = false;
|
|
state.suggests = false;
|
|
state.prompt = false;
|
|
state.lineData = false;
|
|
}
|
|
}
|
|
|
|
function onSearchComplete(result: T.LocalSearchResult) {
|
|
state.target = null;
|
|
state.pois = result.pois;
|
|
state.statistics = result.statistics;
|
|
state.area = result.area;
|
|
state.suggests = result.suggests;
|
|
state.prompt = result.prompt;
|
|
state.lineData = result.lineData;
|
|
state.total = Number(result.count);
|
|
emit("search-complete", result);
|
|
}
|
|
|
|
function onPoiClick(poi: T.LocalSearchPoi) {
|
|
const position = poi.lonlat.split(" ").map(Number);
|
|
state.tdtMap?.panTo(toLngLat(position));
|
|
state.target = position;
|
|
state.content = `
|
|
<strong>${poi.name}</strong>
|
|
<div>地址：${poi.address}</div>
|
|
<div>坐标：${poi.lonlat}</div>
|
|
`;
|
|
emit("poi-click", poi);
|
|
}
|
|
|
|
function onSuggestClick(suggest: T.LocalSearchSuggest) {
|
|
onSearch(1, suggest.name, Number(suggest.gbCode));
|
|
emit("suggest-click", suggest);
|
|
}
|
|
|
|
function onPageChange(page: PageProps) {
|
|
state.current = page.current || 1;
|
|
state.localSearch?.gotoPage(state.current);
|
|
}
|
|
|
|
return {
|
|
onSearch: debounce(onSearch, 100),
|
|
onSearchComplete,
|
|
onPoiClick,
|
|
onSuggestClick,
|
|
onPageChange
|
|
};
|
|
}
|