Customizable control to integrate navigator.geolocation.watchPosition functionalities in leaflet.
In a CommonJS environment (probably webpack) :
const GPSControl = require('leaflet-gps-tracker').GPSControl
require('leaflet-gps-tracker/gps-control.css')
...
new GPSControl({}).addTo(map)Using browser globals (see the source code of the demo):
<head>
...
<link rel="stylesheet" href="vendor/leaflet-gps-vendor/gps-control.css" />
<script src="vendor/leaflet-gps-vendor/GPSControl.js"></script>
</head>
<body>
...
<script>
new GPSControl({}).addTo(map);
</script>
</body{
position: 'topleft',
class: 'material-icons',
offClass: 'gps_off',
onClass: 'gps_fixed',
offTitle: 'Activate GPS tracking',
onTitle: 'Deactivate GPS tracking',
active: true,
precision: 5,
activeCallback: function(active) {
console.log('GPS tracking is active ? ' + active);
},
successCallback: function(latlng) {
console.log('GPS tracking detected a position change : ' + latlng);
},
errorCallback: function(err) {
console.error('GPS tracking failed : ' + err.message);
}
}