/MbxPlaces

Primary LanguageJavaScript

MbxPlaces

MbxPlaces is a simple address suggester based on MapBox API alt image

Usage example

<MbxPlaces 
    limit={ 10 }
    onSelect={ address => console.log(address) }
    apiKey="YOUR_API_KEY"
/>

Search by region (bbox)

<MbxPlaces 
    limit={ 10 }
    placeholder="Search some address"
    onSelect={ address => console.log(address) }
    bbox={ [-79.76194404,40.47739894,-71.79556945,45.01586104] }
    apiKey="YOUR_API_KEY"
/>

props

Name Type Default Description
limit number 5 count of suggested addresses
onSelect func required handler on address selected
apiKey string required your API key for MapBox
bbox array null bbox of searching area
inputClassname string null Custom class for input
placeholder string address Input placeholder
initialValue string null Default value
suggestedItemClassname string null Custom class for suggested item
wrapperClassname string null Custom class for wrapper container
suggestedWrapperClassname string null Custom class for list wrapper