// <![CDATA[ var obrazek = "http://api4.mapy.cz/img/api/marker/drop-red.png"; var obrazek1 = "http://api4.mapy.cz/img/api/marker/drop-blue.png"; var ruzovy = "https://brdyaktivne.cz/wp-content/uploads/2017/01/markerR.png"; var zeleny = "https://brdyaktivne.cz/wp-content/uploads/2017/01/markerZ.png"; var oranzovy = "https://brdyaktivne.cz/wp-content/uploads/2017/01/markerO.png"; var modry = "https://brdyaktivne.cz/wp-content/uploads/2017/01/markerM.png"; var fialovy = "https://brdyaktivne.cz/wp-content/uploads/2017/01/markerF.png"; var center = SMap.Coords.fromWGS84(40.41790, 50.12655); var m = new SMap(JAK.gel("m")); m.addControl(new SMap.Control.Sync()); /* Aby mapa reagovala na změnu velikosti průhledu */ m.addDefaultLayer(SMap.DEF_TURIST).enable(); /* Turistický podklad */ m.addDefaultLayer(SMap.DEF_TRAIL).enable(); var mouse = new SMap.Control.Mouse(SMap.MOUSE_PAN | SMap.MOUSE_WHEEL | SMap.MOUSE_ZOOM); /* Ovládání myší */ m.addControl(mouse); var data = { "Orlov": { pozice: "49.6868597N, 13.9461956E", vizitka: "Orlov 650 m. n. m.", body: "Více informací a výlety z tohoto místa" }, "Nepomuk": { pozice: "49.6431011N, 13.8374681E", vizitka: "Nepomuk 680 m. n. m.", body: "Více informací a výlety z tohoto místa" }, "Buková": { pozice: "49.6275547N, 13.8231478E", vizitka: "Buková 590 m. n. m.", body: "Více informací a výlety z tohoto místa" }, "Láz": { pozice: "49.6522925N, 13.9169069E", vizitka: "Láz 588 m. n. m.", body: "Více informací a výlety z tohoto místa" }, "Ozdravovna Brdy": { pozice: "49.6189747N, 13.7908647E", vizitka: "Ozdravovna Brdy 667 m. n. m.", body: "Více informací a výlety z tohoto místa" }, "Teslíny": { pozice: "49.6226028N, 13.7565644E", vizitka: "Teslíny 709 m. n. m.", body: "Více informací a výlety z tohoto místa" }, "Kozičín": { pozice: "49.6755442N, 13.9458253E", vizitka: "Kozičín 600 m. n. m.", body: "Více informací a výlety z tohoto místa" }, "Podlesí": { pozice: "49.6901947N, 13.9817778E", vizitka: "Podlesí 503 m. n. m.", body: "Více informací a výlety z tohoto místa" }, "Obecnice": { pozice: "49.7159136N, 13.9471825E", vizitka: "Obecnice 520 m. n. m.", body: "Více informací a výlety z tohoto místa" }, "Čenkov": { pozice: "49.7739661N, 14.0058961E", vizitka: "Čenkov 400 m. n. m.", body: "Více informací a výlety z tohoto místa" }, "Bohutín": { pozice: "49.6618033N, 13.9326972E", vizitka: "Bohutín 553 m. n. m.", body: "Více informací a výlety z tohoto místa" }, "Jince": { pozice: "49.7849122N, 13.9805117E", vizitka: "Jince 391 m. n. m.", body: "Více informací a výlety z tohoto místa" } }; var znacky = [];
var souradnice = [];

for (var name in data) { /* Vyrobit značky */
var c = SMap.Coords.fromWGS84(data[name].pozice); /* Souřadnice značky, z textového formátu souřadnic */

var options = {
url:obrazek,
title:name,
anchor: {left:10, bottom: 1} /* Ukotvení značky za bod uprostřed dole */
};

var card = new SMap.Card(250);
card.getHeader().innerHTML = (data[name].vizitka);
card.getBody().innerHTML = (data[name].body);
card.getBody().style.fontSize = "14px";

var znacka = new SMap.Marker(c, null, options);
souradnice.push(c);
znacky.push(znacka);
znacka.decorate(SMap.Marker.Feature.Card, card);
}

var vrstva = new SMap.Layer.Marker(); /* Vrstva se značkami */
m.addLayer(vrstva); /* Přidat ji do mapy */
vrstva.enable(); /* A povolit */

for (var i=0;i<znacky.length;i++) { vrstva.addMarker(znacky[i]); } var cz = m.computeCenterZoom(souradnice); var data = { }; var znacky = []; var souradnice = []; for (var name in data) { /* Vyrobit značky */ var c = SMap.Coords.fromWGS84(data[name].pozice); /* Souřadnice značky, z textového formátu souřadnic */ var options = { url:obrazek1, title:name, anchor: {left:10, bottom: 1} /* Ukotvení značky za bod uprostřed dole */ }; var card = new SMap.Card(250); card.getHeader().innerHTML = (data[name].vizitka); card.getBody().innerHTML = (data[name].body); card.getBody().style.fontSize = "14px"; var znacka = new SMap.Marker(c, null, options); souradnice.push(c); znacky.push(znacka); znacka.decorate(SMap.Marker.Feature.Card, card); } var vrstva2 = new SMap.Layer.Marker(); /* Vrstva se značkami */ m.addLayer(vrstva2); /* Přidat ji do mapy */ vrstva2.enable(); /* A povolit */ for (var i=0;i<znacky.length;i++) { vrstva2.addMarker(znacky[i]); } var cesty = new SMap.Layer.Multi(); m.addLayer(cesty); cesty.enable(); var poleTras = ["https://brdyaktivne.cz/cesty/aliance.gpx", "https://brdyaktivne.cz/cesty/altanska.gpx", "https://brdyaktivne.cz/cesty/andelska.gpx", "https://brdyaktivne.cz/cesty/bahenska.gpx", "https://brdyaktivne.cz/cesty/borska.gpx", "https://brdyaktivne.cz/cesty/brdecka.gpx", "https://brdyaktivne.cz/cesty/bursovska.gpx", "https://brdyaktivne.cz/cesty/carvanecka.gpx", "https://brdyaktivne.cz/cesty/cernalinie.gpx", "https://brdyaktivne.cz/cesty/cihadelska.gpx", "https://brdyaktivne.cz/cesty/dobrotivska.gpx", "https://brdyaktivne.cz/cesty/dolinska.gpx", "https://brdyaktivne.cz/cesty/drevenka.gpx", "https://brdyaktivne.cz/cesty/gangloffka.gpx", "https://brdyaktivne.cz/cesty/havelska.gpx", "https://brdyaktivne.cz/cesty/horovska.gpx", "https://brdyaktivne.cz/cesty/chundalecka.gpx", "https://brdyaktivne.cz/cesty/jedlinska.gpx", "https://brdyaktivne.cz/cesty/jerabecka.gpx", "https://brdyaktivne.cz/cesty/jordanska.gpx", "https://brdyaktivne.cz/cesty/kanska.gpx", "https://brdyaktivne.cz/cesty/kastanecka.gpx", "https://brdyaktivne.cz/cesty/kesvjanu.gpx", "https://brdyaktivne.cz/cesty/krasterka.gpx", "https://brdyaktivne.cz/cesty/kloboucecka.gpx", "https://brdyaktivne.cz/cesty/kolenska.gpx", "https://brdyaktivne.cz/cesty/kolova.gpx", "https://brdyaktivne.cz/cesty/kormundovka.gpx", "https://brdyaktivne.cz/cesty/korunska.gpx", "https://brdyaktivne.cz/cesty/lizska.gpx", "https://brdyaktivne.cz/cesty/manipulak.gpx", "https://brdyaktivne.cz/cesty/misidira.gpx", "https://brdyaktivne.cz/cesty/misovska.gpx", "https://brdyaktivne.cz/cesty/obecnicka.gpx", "https://brdyaktivne.cz/cesty/obrazecka.gpx", "https://brdyaktivne.cz/cesty/oharkova.gpx", "https://brdyaktivne.cz/cesty/okrouhlicka.gpx", "https://brdyaktivne.cz/cesty/perkanska.gpx", "https://brdyaktivne.cz/cesty/petizlodejksa.gpx", "https://brdyaktivne.cz/cesty/planinska.gpx", "https://brdyaktivne.cz/cesty/planyrka.gpx", "https://brdyaktivne.cz/cesty/planyrka1.gpx", "https://brdyaktivne.cz/cesty/planyrka2.gpx", "https://brdyaktivne.cz/cesty/podkonickem.gpx", "https://brdyaktivne.cz/cesty/polakova.gpx", "https://brdyaktivne.cz/cesty/pramenska.gpx", "https://brdyaktivne.cz/cesty/prazskalinka.gpx", "https://brdyaktivne.cz/cesty/prikopovalinie.gpx", "https://brdyaktivne.cz/cesty/prokopska.gpx", "https://brdyaktivne.cz/cesty/rusinska.gpx", "https://brdyaktivne.cz/cesty/sitovska.gpx", "https://brdyaktivne.cz/cesty/slaninska.gpx", "https://brdyaktivne.cz/cesty/spojka.gpx", "https://brdyaktivne.cz/cesty/struhy.gpx", "https://brdyaktivne.cz/cesty/struskova.gpx", "https://brdyaktivne.cz/cesty/studanska.gpx", "https://brdyaktivne.cz/cesty/sykorova.gpx", "https://brdyaktivne.cz/cesty/tankova.gpx", "https://brdyaktivne.cz/cesty/teslinska.gpx", "https://brdyaktivne.cz/cesty/tocka.gpx", "https://brdyaktivne.cz/cesty/travnata.gpx", "https://brdyaktivne.cz/cesty/tremosenska.gpx", "https://brdyaktivne.cz/cesty/turkova.gpx", "https://brdyaktivne.cz/cesty/ukostela.gpx", "https://brdyaktivne.cz/cesty/urozhledny.gpx", "https://brdyaktivne.cz/cesty/usoukupa.gpx", "https://brdyaktivne.cz/cesty/uzida.gpx", "https://brdyaktivne.cz/cesty/vratecka.gpx", "https://brdyaktivne.cz/cesty/vbudach.gpx", "https://brdyaktivne.cz/cesty/veisnerce.gpx", "https://brdyaktivne.cz/cesty/visecka.gpx", "https://brdyaktivne.cz/cesty/vkrtkovem.gpx", "https://brdyaktivne.cz/cesty/vlasenka.gpx", "https://brdyaktivne.cz/cesty/vystavecka.gpx", "https://brdyaktivne.cz/cesty/zaborecka.gpx", "https://brdyaktivne.cz/cesty/zalanska.gpx", "https://brdyaktivne.cz/cesty/zelenalinie.gpx", "https://brdyaktivne.cz/cesty/zelezna.gpx"]; for (j = 0; j < poleTras.length; j++) { var xhr = new JAK.Request(JAK.Request.XML); xhr.setCallback(window, "response"); xhr.send(poleTras[j]); console.log(j); } var response = function(xmlDoc) { var gpx = new SMap.Layer.GPX(xmlDoc, null, {colors:["#7D5F39"]}); cesty.addLayer(gpx); } var vylety = new SMap.Layer.Multi(); m.addLayer(vylety); var xhr2 = new JAK.Request(JAK.Request.XML); xhr2.setCallback(window, "response2"); xhr2.send("https://brdyaktivne.cz/vylety/zemljanka.gpx"); var response2 = function(xmlDoc) { var gpx2 = new SMap.Layer.GPX(xmlDoc, null, {colors:["#FF1493"]}); vylety.addLayer(gpx2); } var xhr3 = new JAK.Request(JAK.Request.XML); xhr3.setCallback(window, "response3"); xhr3.send("https://brdyaktivne.cz/vylety/vprdeli.gpx"); var response3 = function(xmlDoc) { var gpx3 = new SMap.Layer.GPX(xmlDoc, null, {colors:["#ff8c00"]}); vylety.addLayer(gpx3); } var xhr4 = new JAK.Request(JAK.Request.XML); xhr4.setCallback(window, "response4"); xhr4.send("https://brdyaktivne.cz/vylety/tremosna.gpx"); var response4 = function(xmlDoc) { var gpx4 = new SMap.Layer.GPX(xmlDoc, null, {colors:["#7cfc00"]}); vylety.addLayer(gpx4); } var xhr5 = new JAK.Request(JAK.Request.XML); xhr5.setCallback(window, "response5"); xhr5.send("https://brdyaktivne.cz/vylety/presnejvyssikopec.gpx"); var response5 = function(xmlDoc) { var gpx5 = new SMap.Layer.GPX(xmlDoc, null, {colors:["#00ffff"]}); vylety.addLayer(gpx5); } var xhr6 = new JAK.Request(JAK.Request.XML); xhr6.setCallback(window, "response6"); xhr6.send("https://brdyaktivne.cz/vylety/nahradiste.gpx"); var response6 = function(xmlDoc) { var gpx6 = new SMap.Layer.GPX(xmlDoc, null, {colors:["#FF1493"]}); vylety.addLayer(gpx6); } var xhr7 = new JAK.Request(JAK.Request.XML); xhr7.setCallback(window, "response7"); xhr7.send("https://brdyaktivne.cz/vylety/celovka.gpx"); var response7 = function(xmlDoc) { var gpx7 = new SMap.Layer.GPX(xmlDoc, null, {colors:["#9400d3"]}); vylety.addLayer(gpx7); } var xhr8 = new JAK.Request(JAK.Request.XML); xhr8.setCallback(window, "response8"); xhr8.send("https://brdyaktivne.cz/vylety/viska.gpx"); var response8 = function(xmlDoc) { var gpx8 = new SMap.Layer.GPX(xmlDoc, null, {colors:["#9400d3"]}); vylety.addLayer(gpx8); } var xhr9 = new JAK.Request(JAK.Request.XML); xhr9.setCallback(window, "response9"); xhr9.send("https://brdyaktivne.cz/vylety/padrte.gpx"); var response9 = function(xmlDoc) { var gpx9 = new SMap.Layer.GPX(xmlDoc, null, {colors:["#ff8c00"]}); vylety.addLayer(gpx9); } var data2 = { "23km trasa přes nejvyšší kopec Brd a bunkry na Jordánu": { url: modry, pozice: "49.6874983N, 13.9464422E", vizitka: "23km trasa přes nejvyšší kopec Brd a bunkry na Jordánu.",
body: "Nejlepší běžkařská trasa v Brdech vhodná i pro kolo. Celý článek"
},
"13km běžkařská trasa přes Pilák a Skelnou Huť": {
url: fialovy,
pozice: "49.6759122N, 13.9428911E",
vizitka: "13km běžkařská trasa přes Pilák a Skelnou Huť",
body: "Pohodová běžkařská trasa vhodná i pro bruslení nebo na výlet s dětmi. Celý článek"
},
"8,5km běžecká trasa na Třemošnou": {
url: zeleny,
pozice: "49.6757039N, 13.9447578E",
vizitka: "8,5km běžecká trasa na Třemošnou",
body: "Parádní proběhnutí pro ty co neradi běhají po asfaltu a nebojí se kopců. Celý článek"
},
"21km trasa na kolo či běžky. „Dneska jsem byl až V Prdeli.”": {
url: oranzovy,
pozice: "49.6609067N, 13.9340075E",
vizitka: "21km trasa na kolo či běžky. „Dneska jsem byl až V Prdeli.”",
body: "V Prdeli? Ano i do takových míst vás tato trasa dovede. Dále také na Borské sedlo nebo Carvánku. Celý článek"
},

"Na Hradiště a vyhlídky hřebene Prahy": {
url: ruzovy,
pozice: "49.6460075N, 13.8375178E",
vizitka: "Na Hradiště a vyhlídky hřebene Prahy",
body: " Turistický výlet je dlouhý 11,3 km. V případě potřeby jej však můžeme i podstatně zkrátit – vypuštěním odboček nebo sestupem ze sedla U sv.Jana. Celý článek"
},
"Na Hejlák a méně známé bunkry": {
url: fialovy,
pozice: "49.7760122N, 13.8733844E",
vizitka: "Na Hejlák a méně známé bunkry",
body: " 17km běžkařská trasa, která vás provede okolo jordánské dopadovky, ukáže vám méně známe bunkry a vyvede vás na až na vrch Hejlák. Celý článek"
},
"Po stopách partyzánů za vyhlídkami na Příbram": {
url: ruzovy,
pozice: "49.6906217N, 13.9808925E",
vizitka: "Po stopách partyzánů za vyhlídkami na Příbram",
body: "Na této 10km trase se vydáme na nejvýraznější horu Třemošná tyčící se nad Příbramskou kotlinou, rozhlédneme se do kraje z několika vyhlídek a navštívíme bunkry s pomníkem brdských partyzánů. Celý článek"
},

"20km běžkařská trasa okolo Padrťských rybníků": {
url: oranzovy,
pozice: "49.6229344N, 13.7251669E",
vizitka: "20km běžkařská trasa okolo Padrťských rybníků",
body: "Příjemný běžkařský okruh, který je téměř bez kopců a dá se zde i bruslit. Celý článek"
}

};
var znacky = [];
var souradnice = [];

for (var name in data2) { /* Vyrobit značky */
var c = SMap.Coords.fromWGS84(data2[name].pozice); /* Souřadnice značky, z textového formátu souřadnic */

var options = {
url:data2[name].url,
title:name,
anchor: {left:10, bottom: 1} /* Ukotvení značky za bod uprostřed dole */
};

var card = new SMap.Card(500);
card.getHeader().innerHTML = (data2[name].vizitka);
card.getHeader().style.fontSize = "14px"
card.getBody().innerHTML = (data2[name].body);
card.getBody().style.fontSize = "14px";

var znacka = new SMap.Marker(c, null, options);
souradnice.push(c);
znacky.push(znacka);
znacka.decorate(SMap.Marker.Feature.Card, card);
}

var starty = new SMap.Layer.Marker(); /* Vrstva se značkami */
vylety.addLayer(starty); /* Přidat ji do mapy */

for (var i=0;i<znacky.length;i++) { starty.addMarker(znacky[i]); } var updateLayer = function() { if (document.querySelector("input[value=vrstva]").checked) { vrstva.enable(); } else { vrstva.disable(); } if (document.querySelector("input[value=vrstva2]").checked) { vrstva2.enable(); } else { vrstva2.disable(); } if (document.querySelector("input[value=cesty]").checked) { cesty.enable(); } else { cesty.disable(); } if (document.querySelector("input[value=vylety]").checked) { vylety.enable(); } else { vylety.disable(); } } updateLayer(); var inputs = document.querySelectorAll("input[type=checkbox]"); for (var i=0;i