diff --git a/index.html b/index.html index 7393aa5..1ba0fba 100644 --- a/index.html +++ b/index.html @@ -137,6 +137,8 @@ } function loadMap(data) { + var geolocate = new mapboxgl.GeolocateControl(); + var points = []; $.each(data, function(key, value) { points.push({ @@ -167,6 +169,7 @@ } }) map.addControl(new mapboxgl.NavigationControl(), 'top-left'); + map.addControl(geolocate, 'top-right'); }); map.on('click', function (e) { @@ -190,6 +193,13 @@ map.getCanvas().style.cursor = features.length ? 'pointer' : ''; }); + geolocate.on('geolocate', function (e) { + map.setZoom(14); + popup.setLngLat([e.coords.longitude, e.coords.latitude]) + .setHTML('Current Location') + .addTo(map); + }) + var template = $('#Table').html(); var rendered = Mustache.render(template, {rows: data}); $('#Stores').html(rendered);