| Server IP : 85.13.141.101 / Your IP :
216.73.216.42 [
Web Server : Apache System : Linux dd40236 6.8.0-124-generic #124-Ubuntu SMP PREEMPT_DYNAMIC Tue May 26 13:00:45 UTC 2026 x86_64 User : w00ad34b ( 1052) PHP Version : 8.2.30-nmm1 Disable Function : NONE Domains : 431 Domains MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /www/htdocs/w00ad34b/rosstal-aktiv/gpx/naturgenuss/ |
Upload File : |
<!DOCTYPE html>
<html>
<head>
<title>Naturgenuss</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" type="image/x-icon" href="docs/images/favicon.ico" />
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css" integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ==" crossorigin=""/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.3.1/leaflet.css" />
<script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js" integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew==" crossorigin=""></script>
<style>
html, body {
height: 100%;
margin: 0;
}
#map {
width: 600px;
height: 400px;
}
</style>
<style>body { padding: 0; margin: 0; } #map { height: 100%; width: 100vw; }</style>
</head>
<body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.3.1/leaflet.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-gpx/1.4.0/gpx.min.js"></script>
<div id='map'></div>
<script>
var spielplatz = L.icon({
iconUrl: '/wandern/spielplatz.png',
iconSize: [25,15]
});
var kirchen = L.icon({
iconUrl: '/wandern/kirche.png',
iconSize: [30,20]
});
var parken = L.icon({
iconUrl: '/wandern/parken.png',
iconSize: [15,15]
});
var sbahn = L.icon({
iconUrl: '/wandern/s-bahn.png',
iconSize: [20,20]
});
var essen = L.icon({
iconUrl: '/wandern/essen.png',
iconSize: [20,20]
});
var parcour = L.icon({
iconUrl: '/wandern/bewegungspracour.png',
iconSize: [20,20]
});
var trimm = L.icon({
iconUrl: '/wandern/trimmdich.png',
iconSize: [20,20]
});
var spiel = L.layerGroup();
var kirch = L.layerGroup();
var park = L.layerGroup();
var sb = L.layerGroup();
var es = L.layerGroup();
var bp = L.layerGroup();
var td = L.layerGroup();
L.marker([49.394244, 10.89021], {icon: spielplatz}).bindPopup('Spielplatz').addTo(spiel),
L.marker([49.40098, 10.891938], {icon: spielplatz}).bindPopup('Spielplatz').addTo(spiel),
L.marker([49.393603, 10.885593], {icon: spielplatz}).bindPopup('Spielplatz').addTo(spiel),
L.marker([49.364352, 10.888578], {icon: spielplatz}).bindPopup('Spielplatz').addTo(spiel);
L.marker([49.367949, 10.879719], {icon: spielplatz}).bindPopup('Spielplatz').addTo(spiel),
L.marker([49.389324, 10.893765], {icon: spielplatz}).bindPopup('Spielplatz').addTo(spiel),
L.marker([49.404877, 10.900692], {icon: spielplatz}).bindPopup('Spielplatz').addTo(spiel),
L.marker([49.402998, 10.911523], {icon: spielplatz}).bindPopup('Spielplatz').addTo(spiel);
L.marker([49.37424, 10.849615], {icon: spielplatz}).bindPopup('Spielplatz').addTo(spiel),
L.marker([49.403667, 10.904302], {icon: spielplatz}).bindPopup('Spielplatz').addTo(spiel),
L.marker([49.406439, 10.857766], {icon: spielplatz}).bindPopup('Spielplatz').addTo(spiel),
L.marker([49.416177, 10.855704], {icon: spielplatz}).bindPopup('Spielplatz').addTo(spiel);
L.marker([49.405877, 10.857115], {icon: spielplatz}).bindPopup('Spielplatz').addTo(spiel),
L.marker([49.378546, 10.938469], {icon: spielplatz}).bindPopup('Spielplatz').addTo(spiel),
L.marker([49.362034, 10.879228], {icon: spielplatz}).bindPopup('Spielplatz').addTo(spiel),
L.marker([49.368686, 10.877466], {icon: spielplatz}).bindPopup('Spielplatz').addTo(spiel);
L.marker([49.380546, 10.913827], {icon: spielplatz}).bindPopup('Spielplatz').addTo(spiel);
L.marker([49.395676, 10.890572], {icon: spielplatz}).bindPopup('Spielplatz').addTo(spiel),
L.marker([49.39447, 10.899687], {icon: spielplatz}).bindPopup('Spielplatz').addTo(spiel),
L.marker([49.401489, 10.895108], {icon: spielplatz}).bindPopup('Spielplatz').addTo(spiel),
L.marker([49.412077, 10.861668], {icon: spielplatz}).bindPopup('Spielplatz').addTo(spiel);
L.marker([49.397237, 10.885281], {icon: kirchen}).bindPopup('St. Laurentius-Kirche Roßtal mit Krypta').addTo(kirch);
L.marker([49.40558, 10.857243], {icon: kirchen}).bindPopup('St.-Jakobus-Kirche Buttendorf').addTo(kirch);
L.marker([49.382311, 10.855159], {icon: kirchen}).bindPopup('Kirche Maria Königin in Clarsbach').addTo(kirch),
L.marker([49.365931, 10.883661], {icon: kirchen}).bindPopup('Maria-Magdalena-Kirche Kirche Buchschwabach').addTo(kirch),
L.marker([49.380235, 10.940188], {icon: kirchen}).bindPopup('Kirche zum Gottesfrieden Großweismannsdorf').addTo(kirch),
L.marker([49.402805, 10.91031], {icon: kirchen}).bindPopup('St.-Aegidius-Kirche Weitersdorf').addTo(kirch);
L.marker([49.387943, 10.891175], {icon: parken}).bindPopup('Parkplatz').addTo(park),
L.marker([49.401878, 10.90094], {icon: parken}).bindPopup('Parkplatz').addTo(park),
L.marker([49.397698, 10.885046], {icon: parken}).bindPopup('Parkplatz').addTo(park);
L.marker([49.400592, 10.89819], {icon: sbahn}).bindPopup('S-Bahn').addTo(sb),
L.marker([49.395066, 10.885751], {icon: sbahn}).bindPopup('S-Bahn').addTo(sb),
L.marker([49.37501, 10.84359], {icon: sbahn}).bindPopup('S-Bahn').addTo(sb);
L.marker([49.39633, 10.88134], {icon: essen}).bindPopup('Pizzeria "Da Tino"<br>Matzenberg 1<br>90574 Roßtal<br>Tel.: 09127-570711').addTo(es);
L.marker([49.39876, 10.88662], {icon: essen}).bindPopup('Pizzeria "La Locanda"<br>Nürnberger Str. 5<br>90574 Roßtal<br>Tel.: 09127-902905').addTo(es);
L.marker([49.360924, 10.908679], {icon: essen}).bindPopup('Pizzeria "bei VITO"<br>Ortsstr. 5<br>90574 Roßtal/Defersdorf<br>Tel.: 09127-904591').addTo(es),
L.marker([49.39832, 10.88601], {icon: essen}).bindPopup('Eisdiele "Mosena"<br>Am Schloßberg 7<br>90574 Roßtal<br>Tel.: 09127-7042858').addTo(es),
L.marker([49.399638, 10.886746], {icon: essen}).bindPopup('Gasthof "Kapellenhof"<br>Fürther Str. 10<br>90574 Roßtal<br>Tel.: 09127-57514').addTo(es);
L.marker([49.39080, 10.90011], {icon: essen}).bindPopup('Yoms Thai Imbiss"<br>Gewerbering 28<br>90574 Roßtal<br>Tel.: 09127-9544877').addTo(es);
L.marker([49.380282, 10.911043], {icon: essen}).bindPopup('Gasthof Kressenhof<br>Am Dorfplatz 3<br>90574 Roßtal/Oedenreuth<br>Tel.: 09127-8882').addTo(es),
L.marker([49.366803, 10.886252], {icon: essen}).bindPopup('Gasthof "Rotes Ross"<br>Buchschwabacher Hauptstr. 2<br>90574 Roßtal/Buchschwabach<br>Tel.: 09127-57425<br>(nur freitags)').addTo(es),
L.marker([49.397562, 10.885063], {icon: essen}).bindPopup('Gasthof "Weißes Lamm"<br>Marktplatz 6<br>90574 Roßtal<br>Tel.: 09127-57585').addTo(es);
L.marker([49.37086, 10.83868], {icon: essen}).bindPopup('Taverne "Katse Kato"<br>Gottmannsdorfer Str. 7<br>90574 Roßtal/Raitersaich<br>Tel.: 09127-9024499').addTo(es);
L.marker([49.39105, 10.89907], {icon: essen}).bindPopup('LEDRIO Esszimmer<br>Gewerbering 34<br>90574 Roßtal<br>Tel.: 09127-9545410').addTo(es),
L.marker([49.387234, 10.885568], {icon: essen}).bindPopup('Gaststätte "Zur Sportmeile"<br>Buchschwabacher Str. 32<br>90574 Roßtal<br>Tel.: 09127-7663').addTo(es);
L.marker([49.388708, 10.890445], {icon: parcour}).bindPopup('Bewegungsparcours').addTo(bp);
L.marker([49.406348, 10.910721], {icon: trimm}).bindPopup('Trimm-Dich-Pfad').addTo(td);
var mbAttr = 'Map data © <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, ' +
'<a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +
'Imagery © <a href="https://www.mapbox.com/">Mapbox</a>',
mbUrl = 'https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token=pk.eyJ1IjoicmVuZ2VnIiwiYSI6ImNrNTQzZmQzOTBhMHYzZ3BicWxtdGF6Y3YifQ.LlAZysgWVSlrXZlcjcUOxg'
var outdoors = L.tileLayer(mbUrl, {id: 'mapbox/outdoors-v11', attribution: mbAttr, tileSize: 512, zoomOffset: -1}),
satellite = L.tileLayer(mbUrl, {id: 'mapbox/satellite-v9', attribution: mbAttr, tileSize: 512, zoomOffset: -1}),
satellitestrasse = L.tileLayer(mbUrl, {id: 'mapbox/satellite-streets-v11', attribution: mbAttr, tileSize: 512, zoomOffset: -1});
var map = L.map('map', {
layers: [outdoors, spiel, kirch, park, sb, es, bp,td],
zoom: 10,
}).fitWorld();
var baseLayers = {
"Landschaft": outdoors,
"Satelliten-Karte": satellite,
"Satelliten-Karte-Straße": satellitestrasse
};
var overlays = {
"Spielplätze": spiel,
"Kirchen": kirch,
"Parkplätze": park,
"S-Bahn-Haltestellen": sb,
"Essen und Trinken": es,
"Beweungsparcours": bp,
"Trimm-Dich-Pfad": td
};
L.control.layers(baseLayers, overlays).addTo(map);
var gpx = '/wandern/naturgenuss.gpx'; // URL to your GPX file or the GPX itself
new L.GPX(gpx, {
async: true,
// styling of the GPX track on the map
polyline_options: {
color: '#a00600'
},
marker_options: {
startIconUrl: '/wandern/clear.png',
endIconUrl: '/wandern/clear.png',
shadowUrl: '/wandern/clear.png',
},
}).on('loaded', function(e) {
map.fitBounds(e.target.getBounds());
}).addTo(map);
function onLocationFound(e) {
var radius = e.accuracy / 2;
L.marker(e.latlng).addTo(map)
.bindPopup("Sie befinden sich innerhalb von " + radius + " Meter von diesem Punkt entfernt").openPopup();
L.circle(e.latlng, radius).addTo(map);
}
function onLocationError(e) {
alert(e.message);
}
map.on('locationfound', onLocationFound);
map.on('locationerror', onLocationError);
map.locate({setView: true, maxZoom: 16});
</script>
</body>
</html>