react-mui-mapbox-geocoder
A Material UI Autosuggest'ing Mapbox Geocoder for locating addresses and points of interest.
What Is This?
basically it is a combination of...
and
material-ui & react-autosuggest
What Does This Component Look Like?
it looks like this...
How Can I Use It?
Here are some hints...
... const geocoderApiOptions = country: 'us' proximity: longitude: -1210681 latitude: 389197 bbox: -1238501 3808 -1175604 398735 { // Go to result.} return ... <MatGeocoder inputPlaceholder="Search Address" accessToken=MAPBOX_TOKEN onSelect= this showLoader=true ...geocoderApiOptions /> ...
Are There Any Other Props I Can Pass?
Yes.
endpoint: string, default "'https://api.mapbox.com'"
source: string, default "'mapbox.places'"
inputPlaceholder: string, default "'Search'"
accessToken: (required) string
proximity: (optional) {longitude: number, latitude: number}
country: (optional) string, eg. 'us'
bbox: (optional) [number, number, number, number]
types: (optional) string,
limit: (optional) number,
autocomplete: (optional) boolean
language: (optional) string,
showLoader: boolean, default "true"
focusOnMount: boolean, default "false"
onSelect: (required), (selectedFeature) => {...},
onSuggest: (optional), (suggestedResults) => {...}
See Mapbox API Docs for more information.