22 lines
866 B
HTML
22 lines
866 B
HTML
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.css" />
|
||
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.js"></script>
|
||
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-gpx/1.4.0/gpx.min.js"></script>
|
||
|
|
|
||
|
|
|
||
|
|
<div id="mymap" class="mymap" style="min-height: 500px;"></div>
|
||
|
|
<style type="text/css">
|
||
|
|
.mymap img {
|
||
|
|
border: 0px;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<script>
|
||
|
|
var map = L.map('mymap').setView([{{ .Get "lat" }}, {{ .Get "lon" }}], {{ .Get "zoom" }});
|
||
|
|
|
||
|
|
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
|
||
|
|
attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
|
||
|
|
}).addTo(map);
|
||
|
|
|
||
|
|
L.marker([{{ .Get "lat" }}, {{ .Get "lon" }}]).addTo(map)
|
||
|
|
//.bindPopup('A pretty CSS3 popup.<br> Easily customizable.')
|
||
|
|
//.openPopup();
|
||
|
|
</script>
|