Leaflet geolocate

Geolocation using leaflet's map.locate method to get your browser location (if you grant permission)

<html>
<head>
   <title>Leaflet geolocate example</title>

// map view before we get the location
         map.setView(new L.LatLng(51.505, -0.09), 13);
      }

function onLocationFound(e) {
         var radius = e.accuracy / 2;
         var location = e.latlng
         L.marker(location).addTo(map)
         L.circle(location, radius).addTo(map);
      }

function onLocationError(e) {
         alert(e.message);
      }

function getLocationLeaflet() {
         map.on('locationfound', onLocationFound);
         map.on('locationerror', onLocationError);

map.locate({setView: true, maxZoom: 16});
      }
   </script>

</head>
<body onLoad="javascript:init();">
   <div id="map" style="height: 200px"></div>
   <input type="button" value="Locate me!" onClick="javascript:getLocationLeaflet();">
   
</body>
</html>

view directly

Home
Blog
About
Maps
Other
Contact

Harry Wood

Leaflet geolocate