x-geolocation

<x-geolocation>

Declarative Geolocation API as Web Components.

Install

Using npm:

$ npm install x-geolocation

Usage

Import XGeolocation and register it.

<script type="module">
import XGeolocation from 'https://unpkg.com/x-geolocation';

customElements.define('x-geolocation', XGeolocation);
</script>

Put <x-geolocation> tag.

<x-geolocation></x-geolocation>

Monitoring position change

To monitor position changing, execute monitorPosition() function.

document.querySelector('x-geolocation').monitorPosition();

Or set monitor attribute.

<x-geolocation monitor></x-geolocation>

Handle position changes

Handle positionchange event using addEventListener().

document.querySelector('x-geolocation').addEventListener('positionchange', e => {
  console.log('latitude:', e.detail.latitude);
  console.log('longitude:', e.detail.longitude)
});

License

MIT Shogo Sensui