From d8f95d3abd55b6d7f0e8d5d5c1bd321c9dec8aeb Mon Sep 17 00:00:00 2001
From: ssp6904 <shoffer@ttnrtsite.me>
Date: Wed, 2 Oct 2024 21:05:32 -0400
Subject: [PATCH] added location marker

---
 index.html | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 0d25975..edf6730 100644
--- a/index.html
+++ b/index.html
@@ -38,11 +38,30 @@ window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', upd
 <br>
 <div class="card">
   <div class="card-body">
-    <a href="https://git.ttnrtsite.me/ssp6904/usmap">View source code</a>
+    <a href="https://git.ttnrtsite.me/ssp6904/usmap" role="button" class="btn btn-primary">View source code</a>
+    <button type="button" class="btn btn-primary" onclick="getLocationLeaflet()">Get location</button>
   </div>
 </div>
 </div>
 <script>
+function onLocationFound(e) {
+    var location = e.latlng;
+    var marker = L.marker(location);
+    marker.addTo(map);
+}
+
+function onLocationError(e) {
+    alert(e.message);
+}
+
+function getLocationLeaflet() {
+    map.on('locationfound', onLocationFound);
+    map.on('locationerror', onLocationError);
+    map.locate({
+        setView: true,
+        maxZoom: 10
+    });
+}
 var leafletRadarAttribution = '<a href="https://github.com/rwev/leaflet-radar">Radar source code</a>';
 var osm = L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
     maxZoom: 19,