Platí jen pro toto zařízení.
+
';
- L.DomEvent.disableClickPropagation(link);
-
- return container;
- },
-});
-// finally we add our LogoControl to the map
-new LogoControl().addTo(map, {
- layers: [mapyCZ, mapyCZletecka]
-});
+var layerControl = L.control.layers(MapovePodklady.popisky(podklady)).addTo(map);
+MapovePodklady.logo(map, podklady);
// futury:
function onEachFeature(feature, layer) {
diff --git a/www/js/mapove-podklady.js b/www/js/mapove-podklady.js
new file mode 100644
index 0000000..773772a
--- /dev/null
+++ b/www/js/mapove-podklady.js
@@ -0,0 +1,101 @@
+// Sdílené podkladové mapy. Výchozí je OpenStreetMap, volbu drží cookie mapovyPodklad.
+(function (global) {
+ var COOKIE = 'mapovyPodklad';
+ var VYCHOZI = 'osm';
+ var API_KEY = 'Uw8gm6JPZpnT3GfNnh8adARpQI-WBGy6QaY9g6VhD74';
+
+ function ctiCookie(jmeno) {
+ var shoda = document.cookie.match(new RegExp('(?:^|; )' + jmeno + '=([^;]*)'));
+ if (!shoda) {
+ return '';
+ }
+ try {
+ return decodeURIComponent(shoda[1]);
+ } catch (e) {
+ return shoda[1];
+ }
+ }
+
+ function klic() {
+ var hodnota = ctiCookie(COOKIE);
+ if (hodnota === 'mapycz' || hodnota === 'mapycz-letecka') {
+ return hodnota;
+ }
+ return VYCHOZI;
+ }
+
+ function vytvor() {
+ return {
+ osm: L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
+ maxZoom: 19,
+ attribution: '© OpenStreetMap',
+ }),
+ mapycz: L.tileLayer('https://api.mapy.cz/v1/maptiles/basic/256/{z}/{x}/{y}?apikey=' + API_KEY, {
+ minZoom: 0,
+ maxZoom: 19,
+ attribution: '© Seznam.cz a.s. a další',
+ }),
+ 'mapycz-letecka': L.tileLayer('https://api.mapy.cz/v1/maptiles/aerial/256/{z}/{x}/{y}?apikey=' + API_KEY, {
+ minZoom: 0,
+ maxZoom: 19,
+ attribution: '© Seznam.cz a.s. a další',
+ }),
+ };
+ }
+
+ function vychozi(vrstvy) {
+ return vrstvy[klic()] || vrstvy[VYCHOZI];
+ }
+
+ function popisky(vrstvy) {
+ return {
+ 'Mapy.cz': vrstvy.mapycz,
+ 'Mapy.cz (letecká)': vrstvy['mapycz-letecka'],
+ 'OpenStreetMap': vrstvy.osm,
+ };
+ }
+
+ function jeMapyCz(vrstva, vrstvy) {
+ return vrstva === vrstvy.mapycz || vrstva === vrstvy['mapycz-letecka'];
+ }
+
+ function logo(map, vrstvy) {
+ var control = new (L.Control.extend({
+ options: { position: 'bottomleft' },
+ onAdd: function () {
+ var container = L.DomUtil.create('div');
+ var link = L.DomUtil.create('a', '', container);
+ link.setAttribute('href', 'http://mapy.cz/');
+ link.setAttribute('target', '_blank');
+ link.innerHTML = '';
+ L.DomEvent.disableClickPropagation(link);
+ return container;
+ },
+ }))();
+
+ function obnov() {
+ var aktivni = false;
+ map.eachLayer(function (layer) {
+ if (jeMapyCz(layer, vrstvy)) {
+ aktivni = true;
+ }
+ });
+ if (aktivni && !control._map) {
+ control.addTo(map);
+ } else if (!aktivni && control._map) {
+ control.remove();
+ }
+ }
+
+ map.on('baselayerchange', obnov);
+ obnov();
+ }
+
+ global.MapovePodklady = {
+ klic: klic,
+ vytvor: vytvor,
+ vychozi: vychozi,
+ popisky: popisky,
+ logo: logo,
+ };
+})(window);
diff --git a/www/js/obvod-nahled.js b/www/js/obvod-nahled.js
index 3b46afa..60db011 100644
--- a/www/js/obvod-nahled.js
+++ b/www/js/obvod-nahled.js
@@ -11,33 +11,14 @@
return;
}
- var API_KEY = 'Uw8gm6JPZpnT3GfNnh8adARpQI-WBGy6QaY9g6VhD74';
- var mapyCZ = L.tileLayer('https://api.mapy.cz/v1/maptiles/basic/256/{z}/{x}/{y}?apikey=' + API_KEY, {
- minZoom: 0,
- maxZoom: 19,
- attribution: '© Seznam.cz a.s. a další',
- });
-
+ var podklady = MapovePodklady.vytvor();
var map = L.map(el, {
center: [50.853501146, 14.8425],
zoom: 14,
- layers: [mapyCZ],
+ layers: [MapovePodklady.vychozi(podklady)],
scrollWheelZoom: false,
});
-
- var LogoControl = L.Control.extend({
- options: { position: 'bottomleft' },
- onAdd: function () {
- var container = L.DomUtil.create('div');
- var link = L.DomUtil.create('a', '', container);
- link.setAttribute('href', 'http://mapy.cz/');
- link.setAttribute('target', '_blank');
- link.innerHTML = '';
- L.DomEvent.disableClickPropagation(link);
- return container;
- },
- });
- new LogoControl().addTo(map);
+ MapovePodklady.logo(map, podklady);
function style() {
return {
diff --git a/www/js/stari.js b/www/js/stari.js
index 6ec8998..dadbd0b 100644
--- a/www/js/stari.js
+++ b/www/js/stari.js
@@ -116,47 +116,15 @@
};
}
- var API_KEY = 'Uw8gm6JPZpnT3GfNnh8adARpQI-WBGy6QaY9g6VhD74';
- var mapyCZ = L.tileLayer('https://api.mapy.cz/v1/maptiles/basic/256/{z}/{x}/{y}?apikey=' + API_KEY, {
- minZoom: 0,
- maxZoom: 19,
- attribution: '© Seznam.cz a.s. a další',
- });
- var mapyCZletecka = L.tileLayer('https://api.mapy.cz/v1/maptiles/aerial/256/{z}/{x}/{y}?apikey=' + API_KEY, {
- minZoom: 0,
- maxZoom: 19,
- attribution: '© Seznam.cz a.s. a další',
- });
- var osm = L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
- maxZoom: 19,
- attribution: '© OpenStreetMap',
- });
-
+ var podklady = MapovePodklady.vytvor();
var map = L.map(mapaEl, {
center: [50.853501146, 14.8425],
zoom: 13,
- layers: [mapyCZ],
+ layers: [MapovePodklady.vychozi(podklady)],
});
- L.control.layers({
- 'Mapy.cz': mapyCZ,
- 'Mapy.cz (letecká)': mapyCZletecka,
- 'OpenStreetMap': osm,
- }).addTo(map);
-
- var LogoControl = L.Control.extend({
- options: { position: 'bottomleft' },
- onAdd: function () {
- var container = L.DomUtil.create('div');
- var link = L.DomUtil.create('a', '', container);
- link.setAttribute('href', 'http://mapy.cz/');
- link.setAttribute('target', '_blank');
- link.innerHTML = '';
- L.DomEvent.disableClickPropagation(link);
- return container;
- },
- });
- new LogoControl().addTo(map);
+ L.control.layers(MapovePodklady.popisky(podklady)).addTo(map);
+ MapovePodklady.logo(map, podklady);
var legendaEl = null;
var Legenda = L.Control.extend({