Geocoder plugin for VueMapbox
npm install vue-mapbox-geocoderVue-mapbox plugin for mapbox-gl-geocoder support.
First of all you need to install Mapbox GL and Vue-mapbox. See vue-mapbox doc
Install mabbox-gl-geocoder and vue-mapbox-geocoder:
``bash`
npm i @mapbox/mapbox-gl-geocoder vue-mapbox vue-mapbox-geocoder
Now you can add geocoder control like other controls:
`vue
:mapStyle="mapStyle"
>
:accessToken="accessToken"
:input.sync="defaultInput"
@results="handleSearch"
/>
`
Options for mapbox-gl-geocoder described here can be passed via props.
Additionaly you can pass syncronized prop input as in example below..setInput
It will be passed to mapbox-gl-geocoder as default input value.
Each time you change value of this prop, mapbox-gl-geocoder method is called.
Same for proximity prop that internally invokes mapbox-gl-geocoder setProximity method.
Also you can call query` method to query search and get results programmatically.