react-geolocation-element

A lightweight React wrapper for the <geolocation> element

Installation

npm i react-geolocation-element

Usage

import GeoLocation from 'react-geolocation-element';

<GeoLocation
	autolocate
	accuracymode="precise"
	watch
	onLocation={(
		position: GeolocationPosition | null,
		err?: GeolocationPositionError | null
	) => {
		if (position) {
			console.log(position);
		} else if (err) {
			console.error(err);
		}
	}}
>
	<button
		type="button"
		onClick={() => navigator.geolocation.getCurrentPosition(console.log)}
	>
		Use my location
	</button>
</GeoLocation>;

Link

• Introducing the HTML element

Contributing

Please see CONTRIBUTING.md for contribution guidelines.

License

MIT