ssp6904/usmap
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added location marker

Browse Source
This commit is contained in:
Shaun Hoffer 2024-10-02 21:05:32 -04:00
parent 6478d95a1a
commit d8f95d3abd
1 changed files with 20 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
index.html
View File

@ -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,