-
Notifications
You must be signed in to change notification settings - Fork 5
/
EsriLeafletGeoSearch.tsx
68 lines (56 loc) · 1.91 KB
/
EsriLeafletGeoSearch.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
import { createControlComponent } from "@react-leaflet/core";
import * as L from "leaflet";
import "esri-leaflet";
import * as ELG from "esri-leaflet-geocoder";
import * as EL from "esri-leaflet";
import { EsriServiceEvent } from "../build/types";
type GeosearchEvents = EsriServiceEvent | "results";
interface ApiKey {
apikey?: string;
}
interface Providers {
arcgisOnlineProvider?: L.esri.Geocoding.ArcgisOnlineProviderOptions & ApiKey;
featureLayerProvider?: L.esri.Geocoding.FeatureLayerProviderOptions & ApiKey;
mapServiceProvider?: L.esri.Geocoding.MapServiceProviderOptions & ApiKey;
geocodeServiceProvider?: L.esri.Geocoding.GeocodeServiceProviderOptions &
ApiKey;
}
interface Props extends Omit<L.esri.Geocoding.GeosearchObject, "providers"> {
eventHandlers?: {
[key in GeosearchEvents]?: Function;
};
providers?: Providers;
}
const createGeoSearch = (props: Props) => {
const { providers: providersProp } = props;
const providers = Object.keys(providersProp).map((provider) => {
if (Object.keys(providersProp[provider]).length > 0) {
return ELG[provider](providersProp[provider]);
} else {
return ELG[provider]();
}
});
const searchOptions = {
...props,
providers,
};
// @ts-ignore
const geoSearch = new ELG.Geosearch(searchOptions);
if (props.eventHandlers) {
const events = Object.keys(props.eventHandlers);
events.forEach((event) => {
geoSearch.on(event, props.eventHandlers[event]);
});
}
return geoSearch;
};
/**
* EsriLeaflet GeoSearch control component, react-leaflet wrapper for [L.esri.Geocoding.Geosearch](https://developers.arcgis.com/esri-leaflet/api-reference/controls/geosearch/).
*
* For more info: https://github.com/slutske22/react-esri-leaflet#esrileafletgeosearch
*/
const EsriLeafletGeoSearch = createControlComponent<
EL.Geocoding.GeosearchControl,
Props
>(createGeoSearch);
export default EsriLeafletGeoSearch;