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