/* Nyitunk egy térképet, a középpontját megadva, illetve a nagyítási szintet */
var mymap = L.map('mapid').setView( [47.7990, 18.9355], 14 );
/* Legyen az alaptérkép az OSM */
L.tileLayer( 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
subdomains: 'abc',
maxZoom: 20,
attribution: 'Map data by OSM' }).addTo(mymap);
/* Tegyük rá a turistautakat */
L.tileLayer( 'https://tile.waymarkedtrails.org/hiking/{z}/{x}/{y}.png', {
maxZoom: 20,
attribution: 'WayMarkedTrails',
}).addTo(mymap);
/* Adjunk hozzá tetszőleges GPX útvonalakat */
if( gpx !== undefined ) {
if( Array.isArray(gpx) ) { /* Ha tömb, akkor egyenként hozzáadjuk őket */
gpx.forEach( addGPXlayer );
} else {
addGPXlayer(gpx); /* ha pedig csak egy file, akkor azt. */
}
}
/* térképhez ad egy GPX tracket, adott [egyforma] színben */
function addGPXlayer( gpx ) {
new L.GPX(gpx, { async: true,
/* piros, picit átlátszó, 3 pixel vastag, lekerekített */
polyline_options: { color: 'red', opacity: 0.75, weight: 3, lineCap: 'round' }
})
/* Ez csak akkor kell, ha szeretnéd a nagyítást a GPX-hez igazítani * /
.on('loaded', function(e) { mymap.fitBounds(e.target.getBounds()); })
*/
.addTo(mymap);
}