Locate and find nearest in Leaflet

This example queries data from CARTO, uses the geolocation API to get the user's position, and finds the nearest three features.

Note: geolocation appears blocked within bl.ocks.org.

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Find Nearest Points in Leaflet</title>

</head>

<body>
    <div id='map'></div>
    <div id='ui'>
        <button id='locate'>
            Find my location
        </button>
        <button id='find-nearest'>
            Find Nearest Stations
        </button>
    </div>

<div id="loader-wrapper">
        <div id="loader"></div>
        <div class="loader-section section-left"></div>
        <div class="loader-section section-right"></div>
        <p id='status'>loading vehicle recharging station data</p>
    </div>

</html>

https://code.jquery.com/jquery-3.1.0.min.js

https://unpkg.com/leaflet@1.0.1/dist/leaflet.js