@paraboly/react-osm-geocoding
v1.0.2
Published
Find address locations via OSM Nominatim
Downloads
295
Maintainers
Readme
react-osm-geocoding
Find address locations via OSM Nominatim
Integration Example
Install
npm install --save @paraboly/react-osm-geocoding
Usage
import React, { Component } from 'react'
import { ReactOsmGeocoding } from '@paraboly/react-osm-geocoding'
import '@paraboly/react-osm-geocoding/dist/index.css'
class Example extends Component {
render() {
return <ReactOsmGeocoding callback={data => console.log(data)}/>
}
}
Details
API: https://nominatim.org/release-docs/develop/api/Search/
| Props | Definition | Type | Default |
| ------------- |:-------------:| -----:|-----:|
| placeholder | Placeholder for search input | string
| "Enter address" |
| debounce | Debounce duration for the input in ms | number
| 1000 |
| iconUrl | Icon image url for the search icon | string
| "https://cdn2.iconfinder.com/data/icons/ios-7-icons/50/search-512.png"|
| city | Check Nominatim search API for details| string
| "" |
| countrycode | Check Nominatim search API for details | string
| "tr" |
| acceptLanguage| Check Nominatim search API for details | string
| "tr" |
| viewbox | Bbox to filter query results, check Nominatim for more information | <x1>,<y1>,<x2>,<y2>
| "" |
| callback | Function returns selected address information | Function
| undefined |
License
MIT © SchemeSonic