{"id":271,"date":"2026-05-04T06:25:43","date_gmt":"2026-05-04T06:25:43","guid":{"rendered":"https:\/\/bolen-centar.fragment.digital\/?page_id=271"},"modified":"2026-10-21T19:25:15","modified_gmt":"2026-10-21T19:25:15","slug":"interaktivna-mapa-drave","status":"publish","type":"page","link":"https:\/\/bolen-centar.fragment.digital\/en\/interaktivna-mapa-drave\/","title":{"rendered":"Interaktivna mapa Drave"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"271\" class=\"elementor elementor-271\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bb8d4db e-con e-atomic-element e-flexbox-base e-31b45f6 \" data-id=\"bb8d4db\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"bb8d4db\">\n    \t\t<div class=\"elementor-element elementor-element-f45ef79 sc_fly_static elementor-widget elementor-widget-html\" data-id=\"f45ef79\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     BOLENOV DRAVSKI PUT \u2013 Zaglavlje podstranica (kiosk 55\")\r\n     Isti kod ide na svaku podstranicu (ne na po\u010detnu).\r\n     Naslov stranice upisuje se sam iz naziva stranice u WordPressu.\r\n     ========================================================= -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=IBM+Plex+Sans:wght@500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n#bk-head{\r\n  --bk-card:#fffdf8;\r\n  --bk-orange:#e8822a;\r\n  --bk-dark:#1d1b18;\r\n  --bk-muted:#8a8071;\r\n  --bk-line:#e6dcc6;\r\n  width:100%;max-width:1800px;margin:0 auto;box-sizing:border-box;\r\n  font-family:'IBM Plex Sans',sans-serif;\r\n  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2vw;\r\n  padding:1.6vh 0;\r\n  -webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;\r\n}\r\n#bk-head *{box-sizing:border-box}\r\n#bk-head a{text-decoration:none;color:inherit}\r\n\r\n#bk-head .bk-brand{display:flex;align-items:center;gap:1.4vw}\r\n#bk-head .bk-brand img{height:4.6vw;min-height:54px;max-height:96px;width:auto;display:block}\r\n#bk-head .bk-bar{width:2px;height:3.2vw;min-height:40px;background:var(--bk-line)}\r\n#bk-head .bk-title{font-weight:700;color:var(--bk-dark);font-size:clamp(20px,1.6vw,34px);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\r\n\r\n#bk-head .bk-right{display:flex;align-items:center;gap:1vw;justify-self:end}\r\n#bk-head .bk-lang{display:inline-flex;gap:.3vw;padding:.3vw;border-radius:3vw;background:#f3ecdd}\r\n#bk-head .bk-lang a{display:flex;align-items:center;gap:.5vw;padding:.5vw 1vw;border-radius:3vw;font-weight:700;font-size:clamp(14px,.95vw,20px);color:var(--bk-muted);transition:all .2s}\r\n#bk-head .bk-lang img{width:1.5vw;height:1.5vw;min-width:20px;min-height:20px;border-radius:50%;object-fit:cover}\r\n#bk-head .bk-lang a.is-active{background:#fff;color:var(--bk-dark);box-shadow:0 .2vw .8vw rgba(0,0,0,.08)}\r\n\r\n#bk-head .bk-back{\r\n  display:flex;align-items:center;gap:.7vw;padding:.8vw 1.6vw;border-radius:3vw;\r\n  background:var(--bk-orange);color:#fff;font-weight:700;font-size:clamp(15px,1.05vw,23px);\r\n  box-shadow:0 .4vw 1.2vw rgba(232,130,42,.25);white-space:nowrap;transition:transform .15s;\r\n}\r\n#bk-head .bk-back:active{transform:scale(.97)}\r\n#bk-head .bk-back svg{width:1.3em;height:1.3em}\r\n<\/style>\r\n\r\n<header id=\"bk-head\">\r\n  <a class=\"bk-brand bk-home-link\" href=\"\/\">\r\n    <img decoding=\"async\" src=\"https:\/\/bolen-centar.fragment.digital\/wp-content\/uploads\/2026\/05\/logo.png\" alt=\"Bolenov dravski put\">\r\n  <\/a>\r\n\r\n  <div class=\"bk-brand\">\r\n    <span class=\"bk-bar\"><\/span>\r\n    <span class=\"bk-title\"><\/span>\r\n  <\/div>\r\n\r\n  <div class=\"bk-right\">\r\n    <div class=\"bk-lang\" data-no-translation>\r\n      <a data-lang=\"hr\"><img decoding=\"async\" src=\"https:\/\/bolen-centar.fragment.digital\/wp-content\/plugins\/translatepress-multilingual\/assets\/flags\/1x1\/hr.svg\" alt=\"\">HR<\/a>\r\n      <a data-lang=\"en\"><img decoding=\"async\" src=\"https:\/\/bolen-centar.fragment.digital\/wp-content\/plugins\/translatepress-multilingual\/assets\/flags\/1x1\/en_GB.svg\" alt=\"\">EN<\/a>\r\n    <\/div>\r\n    <a class=\"bk-back bk-home-link\" href=\"\/\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 11l9-7 9 7\"\/><path d=\"M5 10v10h14V10\"\/><\/svg>\r\n      <span>Povratak na po\u010detnu<\/span>\r\n    <\/a>\r\n  <\/div>\r\n<\/header>\r\n\r\n<script>\r\n(function(){\r\n  var root=document.getElementById('bk-head'); if(!root) return;\r\n  var path=location.pathname, isEn=\/^\\\/en(\\\/|$)\/.test(path), base=path.replace(\/^\\\/en(\\\/|$)\/,'\/');\r\n\r\n  \/* Naslov: iz naziva stranice (\"Turisti\u010dka ponuda \u2013 Bolenov put\" -> \"Turisti\u010dka ponuda\").\r\n     Za vlastiti naslov upi\u0161i ga ovdje, npr. var NASLOV = 'Vodi\u010d kroz izlo\u017ebu'; *\/\r\n  var NASLOV = '';\r\n  var t = NASLOV || document.title.split(\/\\s[\u2013|-]\\s\/)[0];\r\n  t = t.replace(\/\\d+$\/,'').trim();\r\n  root.querySelector('.bk-title').textContent = t;\r\n\r\n  root.querySelectorAll('.bk-home-link').forEach(function(a){ a.href = isEn ? '\/en\/' : '\/'; });\r\n  root.querySelectorAll('.bk-lang a').forEach(function(a){\r\n    var en=a.getAttribute('data-lang')==='en';\r\n    a.href = en ? '\/en'+base : base;\r\n    a.classList.toggle('is-active', en===isEn);\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-13a3997 e-con e-atomic-element e-flexbox-base e-13a3997-0f3fa07 \" data-id=\"13a3997\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"13a3997\">\n    \t\t<div class=\"elementor-element elementor-element-b33d6ae sc_fly_static elementor-widget elementor-widget-html\" data-id=\"b33d6ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     BOLENOV DRAVSKI PUT \u2013 Interaktivna karta Drave (kiosk 55\", landscape)\r\n     Zalijepi cijeli ovaj kod u Elementor HTML widget (ispod zaglavlja).\r\n     Flexbox u kojem je widget: Width 100%.\r\n     URE\u0110IVANJE POLO\u017dAJA: otvori stranicu s ?uredi na kraju adrese\r\n     (npr. ...\/interaktivna-mapa-drave\/?uredi), povuci oznake na to\u010dno\r\n     mjesto i kopiraj ispisane koordinate u podatke (LOKACIJE) pri dnu.\r\n     ========================================================= -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/leaflet\/1.9.4\/leaflet.min.css\">\r\n\r\n<style>\r\n#bk-karta{\r\n  \/* --- lako za mijenjati --- *\/\r\n  --bk-card:#fffdf8;\r\n  --bk-orange:#e8822a;\r\n  --bk-dark:#1d1b18;\r\n  --bk-text:#3a362f;\r\n  --bk-muted:#8a8071;\r\n  --bk-line:#e6dcc6;\r\n  --c-zast:#e8822a;\r\n  --c-izl:#e8822a;\r\n  --c-rib:#e8822a;\r\n  --c-pov:#e8822a;\r\n  --bk-visina:76vh;\r\n  \/* ------------------------ *\/\r\n  width:100%;max-width:1800px;margin:0 auto;box-sizing:border-box;\r\n  font-family:'IBM Plex Sans',sans-serif;color:var(--bk-text);\r\n  display:grid;grid-template-columns:28% 1fr;gap:1.3vw;\r\n  height:var(--bk-visina);min-height:560px;\r\n  -webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;\r\n}\r\n#bk-karta *{box-sizing:border-box}\r\n#bk-karta button{font:inherit;border:0;background:none;cursor:pointer;color:inherit;margin:0;padding:0}\r\n#bk-karta .bk-card{background:var(--bk-card);border:2px solid var(--bk-line);border-radius:1.2vw;overflow:hidden;min-height:0}\r\n\r\n\/* ---------- popis ---------- *\/\r\n#bk-karta .bk-side{display:flex;flex-direction:column;padding:1.5vw 1.3vw 1.3vw}\r\n#bk-karta .bk-side h2{margin:0 0 .2vw;font-size:clamp(22px,1.7vw,36px);font-weight:700;color:var(--bk-dark)}\r\n#bk-karta .bk-side > p{margin:0 0 1vw;color:var(--bk-muted);font-size:clamp(14px,.95vw,20px)}\r\n#bk-karta .bk-chips{display:flex;flex-wrap:wrap;gap:.45vw;margin-bottom:1vw}\r\n#bk-karta .bk-chip{display:flex;align-items:center;gap:.45vw;padding:.5vw .9vw;border-radius:3vw;border:2px solid var(--bk-line)!important;background:#fff!important;font-weight:600;font-size:clamp(13px,.88vw,19px);color:var(--bk-dark)!important;transition:all .2s}\r\n#bk-karta .bk-chip img{width:1.6vw;min-width:22px;height:auto}\r\n#bk-karta .bk-bike-pin{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;transition:opacity .25s}\r\n#bk-karta .bk-bike-pin div{width:40px;height:40px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--bk-orange);border:3px solid #fff;box-shadow:0 3px 6px rgba(0,0,0,.3);display:grid;place-items:center;transform-origin:50% 100%;transition:transform .25s}\r\n#bk-karta .bk-bike-pin svg{width:24px;height:24px;color:#fff;transform:rotate(45deg)}\r\n#bk-karta .bk-bike-pin.is-active div{transform:rotate(-45deg) scale(1.3)}\r\n#bk-karta .bk-bike-pin.is-dim{opacity:.2}\r\n#bk-karta .bk-item .bk-num-svg{flex:0 0 auto;width:2.2vw;min-width:30px;height:2.2vw;min-height:30px;border-radius:50%;background:var(--bk-orange);display:grid;place-items:center;color:#fff}\r\n#bk-karta .bk-item .bk-num-svg svg{width:65%;height:65%}\r\n#bk-karta .bk-chip i{width:.75vw;height:.75vw;min-width:10px;min-height:10px;border-radius:50%;background:var(--bk-orange)}\r\n#bk-karta .bk-chip.is-active{border-color:var(--bk-orange)!important;box-shadow:0 .3vw .9vw rgba(232,130,42,.25)}\r\n#bk-karta .bk-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:.5vw;padding-right:.3vw}\r\n#bk-karta .bk-item{display:flex;align-items:center;gap:.8vw;text-align:left;padding:.75vw .9vw;border-radius:.8vw;border:2px solid transparent!important;background:#f9f3e6!important;transition:all .2s;flex:0 0 auto}\r\n#bk-karta .bk-item .bk-num{flex:0 0 auto;width:2.2vw;min-width:30px;height:auto}\r\n#bk-karta .bk-item b{display:block;font-size:clamp(15px,1vw,21px);color:var(--bk-dark);line-height:1.2}\r\n#bk-karta .bk-item small{display:block;color:var(--bk-muted);font-size:clamp(12px,.82vw,17px);margin-top:.15vw}\r\n#bk-karta .bk-item.is-active{background:#fff!important;border-color:var(--c)!important;box-shadow:0 .4vw 1.2vw rgba(0,0,0,.07)}\r\n#bk-karta .bk-item[hidden]{display:none}\r\n\r\n\/* ---------- karta ---------- *\/\r\n#bk-karta .bk-mapwrap{position:relative}\r\n#bk-karta .bk-map{position:absolute;inset:0;background:#e9e3d3}\r\n#bk-karta .bk-base{filter:saturate(.55) sepia(.18) brightness(1.03) contrast(.95)}\r\n#bk-karta .leaflet-container{font-family:'IBM Plex Sans',sans-serif}\r\n#bk-karta .leaflet-control-attribution{font-size:10px;background:rgba(255,253,248,.8)}\r\n\r\n#bk-karta .bk-pin{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;transition:opacity .25s}\r\n#bk-karta .bk-pin img{width:44px;height:auto;filter:drop-shadow(0 3px 4px rgba(0,0,0,.35));transform-origin:50% 100%;transition:transform .25s}\r\n#bk-karta .bk-pin.is-active img{transform:scale(1.45);filter:drop-shadow(0 0 0 #fff) drop-shadow(0 4px 8px rgba(0,0,0,.45))}\r\n#bk-karta .bk-pin.is-dim{opacity:.75}\r\n#bk-karta .bk-pin.is-dim img{width:34px}\r\n#bk-karta .bk-home-pin{display:grid;place-items:center}\r\n#bk-karta .bk-home-pin div{background:var(--bk-orange);color:#fff;border:3px solid #fff;border-radius:3vw;padding:6px 12px 6px 8px;font-weight:700;font-size:13px;white-space:nowrap;box-shadow:0 3px 10px rgba(0,0,0,.3);display:flex;align-items:center;gap:6px}\r\n#bk-karta .bk-home-pin svg{width:18px;height:18px}\r\n\r\n\/* kontrole *\/\r\n#bk-karta .bk-ctrl{position:absolute;top:1.2vw;right:1.2vw;z-index:500;display:flex;flex-direction:column;gap:.6vw}\r\n#bk-karta .bk-cbtn{display:flex;align-items:center;justify-content:center;gap:.5vw;min-width:3.4vw;min-height:3.4vw;padding:0 1vw;border-radius:2vw;background:#fff!important;color:var(--bk-dark)!important;font-weight:700;font-size:clamp(14px,.95vw,20px);box-shadow:0 .3vw 1vw rgba(0,0,0,.15)}\r\n#bk-karta .bk-cbtn svg{width:1.5vw;height:1.5vw;min-width:20px;min-height:20px}\r\n#bk-karta .bk-cbtn.is-on{background:var(--bk-dark)!important;color:#fff!important}\r\n\r\n\/* kartica lokacije *\/\r\n#bk-karta .bk-info{\r\n  position:absolute;left:1.2vw;bottom:1.2vw;z-index:600;width:min(46%,640px);max-height:calc(100% - 2.4vw);\r\n  background:var(--bk-card);border-radius:1.1vw;box-shadow:0 1vw 3vw rgba(0,0,0,.25);\r\n  display:flex;flex-direction:column;overflow:hidden;\r\n  transform:translateY(110%);opacity:0;transition:transform .35s ease,opacity .35s ease;\r\n}\r\n#bk-karta .bk-info.is-open{transform:none;opacity:1}\r\n#bk-karta .bk-info-img{height:11vw;min-height:120px;background-size:cover;background-position:center;position:relative;flex:0 0 auto}\r\n#bk-karta .bk-info-close{position:absolute;top:.8vw;right:.8vw;width:3vw;height:3vw;min-width:40px;min-height:40px;border-radius:50%;background:rgba(255,255,255,.95)!important;display:grid;place-items:center;color:var(--bk-dark)!important}\r\n#bk-karta .bk-info-close svg{width:55%;height:55%}\r\n#bk-karta .bk-info-body{padding:1.3vw 1.5vw 1.2vw;overflow-y:auto;min-height:0}\r\n#bk-karta .bk-info-cat{display:inline-flex;align-items:center;gap:.4vw;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:clamp(12px,.82vw,17px);color:var(--c)}\r\n#bk-karta .bk-info h3{margin:.4vw 0 .3vw;font-size:clamp(22px,1.6vw,34px);line-height:1.15;color:var(--bk-dark)}\r\n#bk-karta .bk-info-meta{display:flex;flex-wrap:wrap;gap:.5vw;margin-bottom:.8vw}\r\n#bk-karta .bk-info-meta span{display:inline-flex;align-items:center;gap:.35vw;background:#f3ecdd;border-radius:3vw;padding:.3vw .8vw;font-weight:600;font-size:clamp(12px,.85vw,18px)}\r\n#bk-karta .bk-info-meta svg{width:1.1em;height:1.1em;color:var(--bk-orange)}\r\n#bk-karta .bk-info p{margin:0 0 .7vw;font-size:clamp(14px,.98vw,21px);line-height:1.5}\r\n\r\n\/* ure\u0111ivanje *\/\r\n#bk-karta .bk-edit{position:absolute;right:1.2vw;bottom:1.2vw;z-index:700;width:360px;max-height:60%;background:#1d1b18;color:#fff;border-radius:12px;padding:12px;font:12px\/1.4 monospace;display:none;flex-direction:column;gap:6px}\r\n#bk-karta .bk-edit textarea{flex:1;min-height:200px;width:100%;background:#2b2925;color:#eee;border:0;border-radius:6px;padding:8px;font:inherit;-webkit-user-select:text;user-select:text}\r\n\r\n#bk-karta ::-webkit-scrollbar{width:.45vw}\r\n#bk-karta ::-webkit-scrollbar-thumb{background:var(--bk-line);border-radius:1vw}\r\n<\/style>\r\n\r\n<div id=\"bk-karta\">\r\n  <aside class=\"bk-card bk-side\">\r\n    <h2>Istra\u017eite Dravu<\/h2>\r\n    <p>Odaberite lokaciju na popisu ili na karti<\/p>\r\n    <div class=\"bk-chips\">\r\n      <button class=\"bk-chip is-active\" data-cat=\"all\"><i><\/i>Sve<\/button>\r\n      <button class=\"bk-chip\" data-cat=\"zast\"><img alt=\"\">Za\u0161ti\u0107ena podru\u010dja<\/button>\r\n      <button class=\"bk-chip\" data-cat=\"izl\"><img alt=\"\">Izleti\u0161ta<\/button>\r\n      <button class=\"bk-chip\" data-cat=\"rib\"><img alt=\"\">Ribolov<\/button>\r\n      <button class=\"bk-chip\" data-cat=\"pov\"><img alt=\"\">Kulturna ba\u0161tina<\/button>\r\n      <button class=\"bk-chip\" data-cat=\"bic\"><img alt=\"\">Biciklizam<\/button>\r\n      <button class=\"bk-chip\" data-cat=\"voz\"><img alt=\"\">Vo\u017enja Dravom<\/button>\r\n    <\/div>\r\n    <div class=\"bk-list\"><\/div>\r\n  <\/aside>\r\n\r\n  <section class=\"bk-card bk-mapwrap\">\r\n    <div class=\"bk-map\"><\/div>\r\n\r\n    <div class=\"bk-ctrl\">\r\n      <button class=\"bk-cbtn\" data-act=\"in\" aria-label=\"Pribli\u017ei\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/button>\r\n      <button class=\"bk-cbtn\" data-act=\"out\" aria-label=\"Udalji\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M5 12h14\"\/><\/svg><\/button>\r\n      <button class=\"bk-cbtn\" data-act=\"all\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 9V4h5M20 9V4h-5M4 15v5h5M20 15v5h-5\"\/><\/svg><span>Sve<\/span><\/button>\r\n      <button class=\"bk-cbtn\" data-act=\"sat\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3l9 5-9 5-9-5z\"\/><path d=\"M3 13l9 5 9-5\"\/><\/svg><span>Satelit<\/span><\/button>\r\n    <\/div>\r\n\r\n    <div class=\"bk-info\">\r\n      <div class=\"bk-info-img\"><button class=\"bk-info-close\" aria-label=\"Zatvori\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M6 6l12 12M18 6L6 18\"\/><\/svg><\/button><\/div>\r\n      <div class=\"bk-info-body\">\r\n        <div class=\"bk-info-cat\"><\/div>\r\n        <h3><\/h3>\r\n        <div class=\"bk-info-meta\">\r\n          <span class=\"bk-m-place\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 21s-6.5-5.6-6.5-11a6.5 6.5 0 0 1 13 0C18.5 15.4 12 21 12 21z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.4\"\/><\/svg><em><\/em><\/span>\r\n          <span class=\"bk-m-dist\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 19a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM19 9a2 2 0 1 0 0-4 2 2 0 0 0 0 4z\"\/><path d=\"M7 17c6 0 4-10 10-10\" stroke-dasharray=\"2 3\"\/><\/svg><em><\/em><\/span>\r\n        <\/div>\r\n        <div class=\"bk-info-text\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"bk-edit\"><b>Na\u010din ure\u0111ivanja<\/b>Povuci oznake. Kopiraj koordinate ispod i po\u0161alji ih \/ zamijeni u podacima:<textarea readonly><\/textarea><\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n \/* Vlastiti Leaflet, odvojen od plugina karte (WP Go Maps) da se ne sudaraju *\/\r\n var LEAFLET_JS='https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/leaflet\/1.9.4\/leaflet.min.js';\r\n function load(cb){\r\n   var prev=window.L, s=document.createElement('script'); s.src=LEAFLET_JS;\r\n   s.onload=function(){ var mine=window.L; if(prev){ window.L=prev; } else { try{ delete window.L; }catch(e){ window.L=undefined; } } cb(mine); };\r\n   document.head.appendChild(s);\r\n }\r\n function go(){ load(start); }\r\n if(document.readyState==='loading') document.addEventListener('DOMContentLoaded',go); else go();\r\n function start(L){\r\n  \/* ---------- POSTAVKE ---------- *\/\r\n  var CENTAR = {lat:46.2245, lng:17.0345, naziv:'Bolenov dravski put'};  \/\/ polo\u017eaj centra u Goli\r\n  var IDLE_MS = 120000;   \/\/ povratak na pregled nakon 2 min bez dodira\r\n  \/* Ikone kategorija \u2013 mapa u Medijima i nazivi datoteka (\u2026-aktivna.png \/ \u2026-neaktivna.png) *\/\r\n  var IKONE = 'https:\/\/bolen-centar.fragment.digital\/wp-content\/uploads\/2026\/10\/';\r\n  var KAT = {\r\n    zast:{naziv:'Za\u0161ti\u0107ena podru\u010dja', ikona:'zasticena-podrucja', boja:'#e8822a', slika:'https:\/\/bolen-centar.fragment.digital\/wp-content\/uploads\/2026\/06\/Untitled-design-3.jpg'},\r\n    izl: {naziv:'Izleti\u0161ta',          ikona:'kupalista',          boja:'#e8822a', slika:'https:\/\/bolen-centar.fragment.digital\/wp-content\/uploads\/2026\/06\/Untitled-design-5.jpg'},\r\n    rib: {naziv:'Ribolov',            ikona:'ribolov',            boja:'#e8822a', slika:'https:\/\/bolen-centar.fragment.digital\/wp-content\/uploads\/2026\/06\/Untitled-design-4.jpg'},\r\n    pov: {naziv:'Kulturna ba\u0161tina',   ikona:'kulturna-bastina',   boja:'#e8822a', slika:'https:\/\/bolen-centar.fragment.digital\/wp-content\/uploads\/2026\/06\/Untitled-design-40.png'},\r\n    bic: {naziv:'Biciklizam',         ikona:'biciklizam',         boja:'#e8822a', slika:'https:\/\/bolen-centar.fragment.digital\/wp-content\/uploads\/2026\/10\/vodic-hodnik-priroda.webp'},\r\n    voz: {naziv:'Vo\u017enja Dravom',      ikona:'voznja-dravom',      boja:'#2a78a8', slika:'https:\/\/bolen-centar.fragment.digital\/wp-content\/uploads\/2026\/06\/Untitled-design-5.jpg'}\r\n  };\r\n  function ik(cat,on){ return IKONE+KAT[cat].ikona+(on===false?'-neaktivna':'-aktivna')+'.png'; }\r\n  \/* LOKACIJE \u2013 koordinate (lat, lng) su pribli\u017ene; provjeri ih s ?uredi.\r\n     Za vlastitu sliku lokacije dodaj polje  img:'https:\/\/...'  *\/\r\n  var LOKACIJE = [\r\n{\r\n\"id\": \"l1\",\r\n\"cat\": \"zast\",\r\n\"title\": \"Regionalni park Mura\u2013Drava\",\r\n\"place\": \"Legrad \/ u\u0161\u0107e Mure\",\r\n\"lat\": 46.2985,\r\n\"lng\": 16.864,\r\n\"text\": [\r\n\"Regionalni park Mura\u2013Drava progla\u0161en je 10. velja\u010de 2011. prvim regionalnim parkom u Hrvatskoj. Obuhva\u0107a rije\u010dni prostor uz Muru i Dravu te \u0161titi raznolika nizinska stani\u0161ta: poplavne \u0161ume, vla\u017ene travnjake, napu\u0161tena rije\u010dna korita i sprudove.\",\r\n\"Zbog iznimne prirodne vrijednosti, velik dio parka uklju\u010den je u europsku ekolo\u0161ku mre\u017eu Natura 2000, uklju\u010duju\u0107i podru\u010dja uz Muru i gornji tok Drave, va\u017ena za o\u010duvanje brojnih biljnih i \u017eivotinjskih vrsta.\"\r\n]\r\n},\r\n{\r\n\"id\": \"l2\",\r\n\"cat\": \"zast\",\r\n\"title\": \"Ornitolo\u0161ki rezervat \u201eVeliki Pa\u017eut\u201c\",\r\n\"place\": \"Donja Dubrava\",\r\n\"lat\": 46.326369,\r\n\"lng\": 16.871936,\r\n\"text\": [\r\n\"Posebni ornitolo\u0161ki rezervat Veliki Pa\u017eut jedno je od najvrjednijih stani\u0161ta ptica uz rijeke Muru i Dravu, a nalazi se unutar Regionalnog parka Mura\u2013Drava.\",\r\n\"Zbog iznimne biolo\u0161ke raznolikosti dio je europske mre\u017ee Natura 2000 te me\u0111unarodno za\u0161ti\u0107enog UNESCO-ova Rezervata biosfere Mura\u2013Drava\u2013Dunav, koji povezuje pet dr\u017eava.\"\r\n]\r\n},\r\n{\r\n\"id\": \"l3\",\r\n\"cat\": \"zast\",\r\n\"title\": \"Spomenik prirode \u2013 hrast lu\u017enjak\",\r\n\"place\": \"Repa\u0161, \u017ddala\",\r\n\"lat\": 46.154101,\r\n\"lng\": 17.113805,\r\n\"text\": [\r\n\"Spomenik prirode \u2013 skupina stabala hrasta lu\u017enjaka u \u017ddali \u010dini sedam starih stabala vrste <b><i>Quercus robur<\/i><\/b>, smje\u0161tenih u parku oko zgrade \u0161umarije Repa\u0161. Za\u0161ti\u0107ena su zbog iznimne starosti i kao vrijedan dio kulturno-krajobrazne ba\u0161tine ovog podru\u010dja.\",\r\n\"Osim \u0161to oblikuju prepoznatljiv izgled krajolika, ova stabla predstavljaju va\u017eno stani\u0161te mnogim vrstama. U njihovim dupljama, pukotinama kore i mrtvom drvu \u017eive brojne ptice, kukci i drugi organizmi. Njihova za\u0161tita osigurava o\u010duvanje prirodne raznolikosti i identiteta ovog podru\u010dja.\"\r\n]\r\n},\r\n{\r\n\"id\": \"l4\",\r\n\"cat\": \"zast\",\r\n\"title\": \"Gornji tok Drave\",\r\n\"place\": \"Botovo\",\r\n\"lat\": 46.242,\r\n\"lng\": 16.933,\r\n\"text\": [\r\n\"Podru\u010dje Gornji tok Drave dio je europske mre\u017ee Natura 2000 i posebno je va\u017eno za o\u010duvanje ptica, ali i drugih biljnih i \u017eivotinjskih vrsta te njihovih stani\u0161ta. Obuhva\u0107a prostor uz rijeku <b>od Donje Dubrave do Terezinog Polja<\/b> i prote\u017ee se kroz vi\u0161e \u017eupanija.\",\r\n\"Ova podru\u010dja uklju\u010dena su u zajedni\u010dki plan upravljanja s Regionalnim parkom Mura\u2013Drava, \u010dime se omogu\u0107uje uskla\u0111eno o\u010duvanje prirode i upravljanje prostorom.\",\r\n\"Njihova najve\u0107a vrijednost le\u017ei u o\u010duvanim rije\u010dnim i poplavnim stani\u0161tima koja pticama pru\u017eaju sigurna mjesta za hranjenje, odmor i gnije\u017e\u0111enje, ali i u o\u010duvanju kontinuiteta prirodnog rije\u010dnog krajolika.\"\r\n]\r\n},\r\n{\r\n\"id\": \"l5\",\r\n\"cat\": \"zast\",\r\n\"title\": \"Zna\u010dajni krajobraz \u010cambina\",\r\n\"place\": \"Molve\",\r\n\"lat\": 46.120676,\r\n\"lng\": 17.177632,\r\n\"text\": [\r\n\"Zna\u010dajni krajobraz \u010cambina va\u017ean je rije\u010dni prostor u kojem se isprepli\u0107u kopno i voda, stvaraju\u0107i raznolik i \u017eiv krajolik. Taj mozaik razli\u010ditih stani\u0161ta omogu\u0107uje bogatu biolo\u0161ku raznolikost i \u010dini ovo podru\u010dje posebno va\u017enim za o\u010duvanje prirode.\",\r\n\"\u010cambina je dio europske mre\u017ee Natura 2000, namijenjene o\u010duvanju ptica, drugih \u017eivotinjskih i biljnih vrsta te njihovih prirodnih stani\u0161ta. Tako\u0111er je uklju\u010dena u UNESCO-ov Rezervat biosfere Mura\u2013Drava\u2013Dunav, \u0161to dodatno potvr\u0111uje njezinu vrijednost kao dijela jedinstvenog rije\u010dnog krajolika koji povezuje vi\u0161e dr\u017eava.\"\r\n]\r\n},\r\n{\r\n\"id\": \"l6\",\r\n\"cat\": \"izl\",\r\n\"title\": \"Halasz Csarda (u\u0161\u0107e Mure u Dravu)\",\r\n\"place\": \"Legrad\",\r\n\"lat\": 46.298728,\r\n\"lng\": 16.88118,\r\n\"text\": [\r\n\"Lokalitet Halasz Csarda nalazi se na u\u0161\u0107u Mure u Dravu, gdje se susre\u0107u dvije razli\u010dite rije\u010dne dinamike. Na tom mjestu nastaju sprudovi i \u0161iroke plitke zone, karakteristi\u010dne za prirodne rije\u010dne sustave. Zbog iznimne ljepote i o\u010duvane, divlje prirode, ovaj se kraj \u010desto naziva \u201ehrvatskom Amazonom\u201c.\",\r\n\"Zbog mirnijih dijelova toka te pje\u0161\u010dano-\u0161ljun\u010danih obala, lokalitet je privla\u010dan za boravak uz vodu tijekom toplijeg dijela godine. Tako\u0111er je lako dostupan, s ure\u0111enim prilazom, pa je jedno od pristupa\u010dnijih kupali\u0161ta uz rijeku.\",\r\n\"Pri boravku u ovom prostoru va\u017eno je imati na umu da se vodostaj mo\u017ee brzo mijenjati te po\u0161tovati osjetljive obalne zone, koje su va\u017ene za o\u010duvanje prirodnih procesa i stani\u0161ta.\"\r\n]\r\n},\r\n{\r\n\"id\": \"l7\",\r\n\"cat\": \"izl\",\r\n\"title\": \"Kri\u017enica\",\r\n\"place\": \"Pitoma\u010da\",\r\n\"lat\": 45.972637,\r\n\"lng\": 17.354547,\r\n\"text\": [\r\n\"Kupali\u0161te Kri\u017enica smje\u0161teno je uz Dravu, u blizini skele, \u0161to ga \u010dini jednim od najprepoznatljivijih i najdostupnijih mjesta za boravak uz rijeku. Prostor je ure\u0111en za odmor i rekreaciju na otvorenom \u2013 s klupama, piknik sadr\u017eajima i igrali\u0161tima \u2013 pa je posebno pogodan za dnevne izlete i obiteljski boravak u prirodi.\",\r\n\"Tijekom ljetnih mjeseci, osobito pri ni\u017eem vodostaju, koriste se \u0161ljun\u010dano-pje\u0161\u010dane obale i pli\u0107aci, dok mirniji dijelovi toka omogu\u0107uju ugodniji i sigurniji do\u017eivljaj rijeke, uz uobi\u010dajeni oprez zbog promjenjive struje.\",\r\n\"Zbog blizine vrijednih prirodnih stani\u0161ta va\u017eno je boraviti unutar ure\u0111enih zona i po\u0161tovati mir osjetljivijih dijelova rije\u010dnog ruba kako bi se o\u010duvala prirodna ravnote\u017ea i raznolikost ovog prostora.\"\r\n]\r\n},\r\n{\r\n\"id\": \"l8\",\r\n\"cat\": \"izl\",\r\n\"title\": \"Donja Dubrava\",\r\n\"place\": \"Donja Dubrava\",\r\n\"lat\": 46.312266,\r\n\"lng\": 16.803816,\r\n\"text\": [\r\n\"Kod Donje Dubrave, Drava je lako dostupna i \u010desto se koristi kao mjesto za boravak uz vodu, osobito u razdobljima ni\u017eeg vodostaja. Tada se u koritu rijeke prirodno pojavljuju pli\u0107aci i sprudovi, stvaraju\u0107i \u0161ljun\u010dano-pje\u0161\u010dane povr\u0161ine pogodne za kra\u0107i odmor uz rijeku.\",\r\n\"Blizina naselja i dobra prometna povezanost \u010dine ovaj prostor lako dostupnim, ali istovremeno zahtijevaju oprez i odgovorno pona\u0161anje, jer se struja i dubina vode mogu brzo mijenjati.\"\r\n]\r\n},\r\n{\r\n\"id\": \"l9\",\r\n\"cat\": \"izl\",\r\n\"title\": \"U\u0161\u0107e Gliboki u Dravu\",\r\n\"place\": \"Gola\",\r\n\"lat\": 46.177973,\r\n\"lng\": 17.000245,\r\n\"text\": [\r\n\"Lokalitet u\u0161\u0107a potoka Gliboki u Dravu mirno je prirodno podru\u010dje gdje se manji vodotok ulijeva u rijeku Dravu. Okru\u017een je bujnom obalnom vegetacijom, \u0161to prostoru daje osje\u0107aj zaklonjenosti i prirodnog mira.\",\r\n\"Zbog polo\u017eaja uz vodu i zelenog okru\u017eenja, mjesto je pogodno za kra\u0107i boravak u prirodi, \u0161etnju i tiho promatranje krajolika. Takva rije\u010dna stani\u0161ta \u010desto privla\u010de razli\u010dite vrste ptica, pa je lokalitet zanimljiv i za promatranje ptica, osobito u mirnijim dijelovima dana.\"\r\n]\r\n},\r\n{\r\n\"id\": \"l10\",\r\n\"cat\": \"rib\",\r\n\"title\": \"Libanovec\",\r\n\"place\": \"\u0110elekovec\",\r\n\"lat\": 46.279648,\r\n\"lng\": 16.882894,\r\n\"text\": [\r\n\"Libanovec je istaknuta strma obala rijeke Drave smje\u0161tena na podru\u010dju op\u0107ine \u0110elekovec. Ovaj lokalitet poznat je kao va\u017eno stani\u0161te strogo za\u0161ti\u0107ene ptice bregunice, koja se gnijezdi u rije\u010dnim obalama.\",\r\n\"Drava na ovom dijelu nudi dobre mogu\u0107nosti za ribolov vrsta poput mrene, podusta, klena, soma, \u0161tuke i smu\u0111a te je dio \u0161ireg ribolovnog podru\u010dja uz hrvatsko-ma\u0111arsku granicu.\",\r\n\"Zbog osjetljivosti stani\u0161ta, osobito u vrijeme gnije\u017e\u0111enja, va\u017eno je ne uznemiravati kolonije ptica te odr\u017eavati \u010disto\u0107u i po\u0161tovati prirodne vrijednosti ovog prostora.\"\r\n]\r\n},\r\n{\r\n\"id\": \"l11\",\r\n\"cat\": \"rib\",\r\n\"title\": \"Sigete\u010dki zaton\",\r\n\"place\": \"Sigetec\",\r\n\"lat\": 46.199784,\r\n\"lng\": 16.975078,\r\n\"text\": [\r\n\"Sigete\u010dki zaton je atraktivna ribolovna lokacija na Dravi, smje\u0161tena nedaleko od mjesta Sigetec. Rije\u010d je o rije\u010dnom rukavcu koji stvara povoljne uvjete za razvoj raznolikog ribljeg fonda.\",\r\n\"Ovaj lokalitet posebno je poznat me\u0111u ribolovcima po spin ribolovu (varali\u010darenju) na predatore, ali i po bogatstvu takozvane \u201ebijele\u201c ribe karakteristi\u010dne za dravski sliv.\",\r\n\"Zbog svojih prirodnih obilje\u017eja i dobre pristupa\u010dnosti, Sigete\u010dki zaton redovito je doma\u0107in ribolovnih natjecanja, uklju\u010duju\u0107i i kola \u017eupanijske spin lige, \u0161to dodatno potvr\u0111uje njegov zna\u010daj u ribolovnom svijetu ovog podru\u010dja.\"\r\n]\r\n},\r\n{\r\n\"id\": \"l12\",\r\n\"cat\": \"rib\",\r\n\"title\": \"Jezero Je\u0161kovo\",\r\n\"place\": \"Gola\",\r\n\"lat\": 46.179387,\r\n\"lng\": 17.0424,\r\n\"text\": [\r\n\"Je\u0161kovo je nekada\u0161nji rukavac Drave potkovastog oblika, \u010diji su krajevi okrenuti prema lijevoj obali rijeke. Smje\u0161ten u Prekodravlju, u blizini Gole, ovaj lokalitet danas predstavlja vrijedan prirodni i ribolovni prostor okru\u017een livadama, oranicama i tr\u0161\u010dacima.\",\r\n\"U vodi \u017eivi nekoliko autohtonih slatkovodnih vrsta riba koje \u010dine osnovu za uspje\u0161an i tradicionalan \u0161portski ribolov.\",\r\n\"Dio obale ostavljen je kao mirna zona obrasla trskom, koja ribama pru\u017ea zaklon, dok je ostatak prilago\u0111en ribolovu. Upravo spoj prirodne o\u010duvanosti i ribolovne tradicije \u010dini Je\u0161kovo jednim od prepoznatljivih ribolovnih lokaliteta ovog podru\u010dja.\"\r\n]\r\n},\r\n{\r\n\"id\": \"l13\",\r\n\"cat\": \"pov\",\r\n\"title\": \"Utvrda Sveta Elizabeta \/ Pepelara\",\r\n\"place\": \"Gotalovo\",\r\n\"lat\": 46.211,\r\n\"lng\": 17.005,\r\n\"text\": [\r\n\"Utvrda Sveta Elizabeta, poznata i kao Pepelara, nalazi se na uzvisini kod Gotalova i smatra se jednim od najva\u017enijih kasnosrednjovjekovnih lokaliteta ovog dijela Prekodravlja. Potje\u010de iz 13. stolje\u0107a, a napu\u0161tena je i razorena u vrijeme osmanskih prodora u 16. stolje\u0107u.\",\r\n\"Danas su najprepoznatljiviji ostaci masivnog obrambenog jarka koji s vi\u0161e strana okru\u017euje uzvisinu. Naziv Pepelara lokalitet je dobio u 19. stolje\u0107u, kada se na ru\u0161evinama palio pepeo za proizvodnju pota\u0161e.\"\r\n]\r\n},\r\n{\r\n\"id\": \"l14\",\r\n\"cat\": \"pov\",\r\n\"title\": \"Ti\u0161ljerovi bregi i Vla\u0161ko polje\",\r\n\"place\": \"Gola\",\r\n\"lat\": 46.229,\r\n\"lng\": 17.02,\r\n\"text\": [\r\n\"Mikrolokaliteti Ti\u0161ljerovi bregi i Vla\u0161ko polje u okolici Gole \u010duvaju tragove starijih povijesnih razdoblja. Prona\u0111eni ostaci anti\u010dke ceste i nekropole upu\u0107uju na to da je prostor Prekodravlja bio prometno i naseljeno podru\u010dje jo\u0161 u rimsko doba.\",\r\n\"Ovi lokaliteti svjedo\u010de o dugom kontinuitetu \u017eivota na podru\u010dju Gole te povezuju dana\u0161nji krajolik s prapovijesnim i anti\u010dkim slojevima njegove pro\u0161losti.\"\r\n]\r\n},\r\n{\r\n\"id\": \"l15\",\r\n\"cat\": \"pov\",\r\n\"title\": \"Povijesni posjedi \u017dakanj i Breznica\",\r\n\"place\": \"Gola\",\r\n\"lat\": 46.215,\r\n\"lng\": 17.06,\r\n\"text\": [\r\n\"\u017dakanj i Breznica povijesni su lokaliteti i toponimi povezani sa starijim teritorijalnim ustrojem prostora uz Dravu. Oni svjedo\u010de o nekada\u0161njim posjedima i vlastelinstvima koja su tijekom stolje\u0107a oblikovala \u017eivot na \u0161irem podru\u010dju dana\u0161nje Op\u0107ine Gola.\",\r\n\"Iako su mnogi tragovi tih naselja i posjeda nestali, njihovi nazivi ostali su va\u017ean dio povijesne memorije Prekodravlja.\"\r\n]\r\n},\r\n{\r\n\"id\": \"l16\",\r\n\"cat\": \"pov\",\r\n\"title\": \"\u017dupna crkva Sveta Tri Kralja\",\r\n\"place\": \"Gola\",\r\n\"lat\": 46.2238,\r\n\"lng\": 17.0365,\r\n\"text\": [\r\n\"\u017dupna crkva Sveta Tri Kralja u Goli jedno je od najva\u017enijih sakralnih i arhitektonskih obilje\u017eja mjesta. Izgra\u0111ena je u 19. stolje\u0107u, nakon \u0161to je Gola postala samostalna \u017eupa odvajanjem od \u017eupe Drnje.\",\r\n\"Crkva je oblikovana u kasnobaroknom i klasicisti\u010dkom duhu te i danas predstavlja duhovno, povijesno i prostorno sredi\u0161te Gole i \u0161ireg Prekodravlja.\"\r\n]\r\n},\r\n{\r\n\"id\": \"l17\",\r\n\"cat\": \"pov\",\r\n\"title\": \"Kapela Presvetog Trojstva\",\r\n\"place\": \"Gotalovo\",\r\n\"lat\": 46.208,\r\n\"lng\": 17.012,\r\n\"text\": [\r\n\"Kapela Presvetog Trojstva u Gotalovu va\u017ean je dio lokalne sakralne ba\u0161tine. Kao seoska kapela povezana je s razvojem mjesta i doseljavanjem stanovni\u0161tva tijekom 19. stolje\u0107a.\",\r\n\"Svojom jednostavnom arhitekturom i polo\u017eajem u naselju \u010duva uspomenu na vjerski \u017eivot, tradiciju i identitet Gotalova.\"\r\n]\r\n},\r\n{\r\n\"id\": \"l18\",\r\n\"cat\": \"pov\",\r\n\"title\": \"Crkva Presvetog Srca Isusova\",\r\n\"place\": \"\u017ddala\",\r\n\"lat\": 46.16,\r\n\"lng\": 17.139,\r\n\"text\": [\r\n\"Crkva Presvetog Srca Isusova nalazi se u \u017ddali, pograni\u010dnom naselju uz ma\u0111arsku granicu. Ona svjedo\u010di o opstanku lokalne zajednice, vjerskoj tradiciji i povijesnim promjenama koje su obilje\u017eile \u017eivot u ovom dijelu Prekodravlja.\",\r\n\"Kao sakralno sredi\u0161te \u017ddale, crkva je va\u017ean simbol o\u010duvanja identiteta i pripadnosti prostoru uz Dravu.\"\r\n]\r\n},\r\n{\r\n\"id\": \"l19\",\r\n\"cat\": \"pov\",\r\n\"title\": \"Galerija Ivana Ve\u010denaja\",\r\n\"place\": \"Gola\",\r\n\"lat\": 46.225,\r\n\"lng\": 17.033,\r\n\"text\": [\r\n\"Galerija Ivana Ve\u010denaja nezaobilazna je kulturna to\u010dka za razumijevanje povijesti, tradicije i umjetni\u010dkog izraza Prekodravlja. Ivan Ve\u010denaj bio je jedan od najistaknutijih predstavnika hrvatske naive, a njegovo stvarala\u0161tvo sna\u017eno je povezano s motivima rodnog kraja.\",\r\n\"Galerija, smje\u0161tena u njegovoj obiteljskoj ku\u0107i, \u010duva umjetni\u010dki prikaz starog prekodravskog \u017eivota, obi\u010daja, no\u0161nji i svakodnevice te povezuje lokalnu ba\u0161tinu s hrvatskom likovnom tradicijom.\"\r\n]\r\n}\r\n];\r\n\r\n  \/* BICIKLISTI\u010cKE RUTE \u2013 to\u010dke iz GPX datoteka (pojednostavljene) *\/\r\n  var RUTE = [{\"id\":\"v1\",\"cat\":\"voz\",\"title\":\"Dravska avantura: XL tura\",\"place\":\"Most Botovo \u2013 Je\u0161kovo (Gola)\",\"duljina\":\"oko 12,3 km\",\"tezina\":\"kanu \/ \u010damac\",\"podloga\":\"nizvodno\",\"text\":[\"Najbli\u017ea ruta za kanue i \u010damce, vezana direktno uz Golu. Kre\u0107e se od cestovnog mosta Botovo i plovi nizvodno do dravskog rukavca i izleti\u0161ta Je\u0161kovo u Goli.\",\"Savr\u0161ena je za opu\u0161teno veslanje, kupanje na pje\u0161\u010danim sprudovima i jednodnevni bijeg u prirodu. Turu organizira Dravska avantura iz Gole.\"],\"line\":[[46.247,16.94],[46.24534,16.94153],[46.24317,16.94357],[46.24058,16.94602],[46.23769,16.94874],[46.23459,16.95164],[46.2314,16.9546],[46.22821,16.9575],[46.22512,16.96022],[46.22225,16.96266],[46.2197,16.9647],[46.21742,16.96631],[46.21528,16.96761],[46.21325,16.96867],[46.2113,16.96957],[46.20941,16.97038],[46.20754,16.97119],[46.20568,16.97208],[46.20378,16.97313],[46.20183,16.97441],[46.1998,16.976],[46.19759,16.97788],[46.19517,16.97996],[46.19263,16.98221],[46.19004,16.9846],[46.18749,16.9871],[46.18505,16.98968],[46.1828,16.99231],[46.18082,16.99496],[46.1792,16.9976],[46.178,17.0002],[46.1773,17.00286],[46.17704,17.00566],[46.17714,17.00855],[46.17751,17.01149],[46.17807,17.01443],[46.17873,17.01732],[46.17941,17.02012],[46.18002,17.02278],[46.18048,17.02526],[46.1807,17.0275],[46.18073,17.02956],[46.18068,17.03151],[46.18056,17.03335],[46.18041,17.03507],[46.18022,17.03666],[46.18002,17.03811],[46.17982,17.03942],[46.17964,17.04057],[46.1795,17.04157],[46.1794,17.0424]]},{\"id\":\"v2\",\"cat\":\"voz\",\"title\":\"Dravska avantura: XXL tura\",\"place\":\"Hala\u0161 \u010carda (Legrad) \u2013 Je\u0161kovo (Gola)\",\"duljina\":\"oko 21 km\",\"tezina\":\"kanu \/ \u010damac\",\"podloga\":\"nizvodno\",\"text\":[\"Du\u017ei boravak na vodi koji kre\u0107e sa samog u\u0161\u0107a Mure u Dravu kod Legrada (Hala\u0161 \u010carda) i plovi sve do Je\u0161kova u Goli.\",\"Nekoliko sati na vodi kroz krajolik \u201eeuropske Amazone\u201c \u2013 cjelovit do\u017eivljaj Podravine. Turu organizira Dravska avantura iz Gole.\"],\"line\":[[46.2987,16.8812],[46.29834,16.88162],[46.29791,16.88211],[46.2974,16.88269],[46.29682,16.88334],[46.29619,16.88407],[46.2955,16.88486],[46.29478,16.88573],[46.29401,16.88666],[46.29322,16.88765],[46.2924,16.8887],[46.29157,16.88981],[46.29072,16.89097],[46.28985,16.89219],[46.28894,16.89348],[46.28798,16.89483],[46.28697,16.89626],[46.2859,16.89777],[46.28475,16.89936],[46.28352,16.90103],[46.2822,16.9028],[46.28077,16.90472],[46.27922,16.90684],[46.27758,16.90909],[46.27586,16.91144],[46.27409,16.91384],[46.27227,16.91625],[46.27044,16.91861],[46.2686,16.92089],[46.26678,16.92304],[46.265,16.925],[46.26327,16.92675],[46.2616,16.92831],[46.25995,16.92972],[46.2583,16.93105],[46.25663,16.93234],[46.25491,16.93365],[46.25311,16.93501],[46.25121,16.93649],[46.24918,16.93814],[46.247,16.94],[46.24461,16.94214],[46.24202,16.94453],[46.23926,16.94712],[46.23639,16.94982],[46.23347,16.95258],[46.23053,16.95532],[46.22764,16.95797],[46.22484,16.96046],[46.22217,16.96273],[46.2197,16.9647],[46.21742,16.96631],[46.21528,16.96761],[46.21325,16.96867],[46.2113,16.96957],[46.20941,16.97038],[46.20754,16.97119],[46.20568,16.97208],[46.20378,16.97313],[46.20183,16.97441],[46.1998,16.976],[46.19759,16.97788],[46.19517,16.97996],[46.19263,16.98221],[46.19004,16.9846],[46.18749,16.9871],[46.18505,16.98968],[46.1828,16.99231],[46.18082,16.99496],[46.1792,16.9976],[46.178,17.0002],[46.1773,17.00286],[46.17704,17.00566],[46.17714,17.00855],[46.17751,17.01149],[46.17807,17.01443],[46.17873,17.01732],[46.17941,17.02012],[46.18002,17.02278],[46.18048,17.02526],[46.1807,17.0275],[46.18073,17.02956],[46.18068,17.03151],[46.18056,17.03335],[46.18041,17.03507],[46.18022,17.03666],[46.18002,17.03811],[46.17982,17.03942],[46.17964,17.04057],[46.1795,17.04157],[46.1794,17.0424]]},{\"id\":\"r1\",\"title\":\"Amazon of Europe Bike Trail S06\",\"place\":\"Prelog \u2013 Koprivnica\",\"duljina\":\"55,9 km\",\"tezina\":\"lagana\",\"podloga\":\"asfalt\",\"text\":[\"Etapa S06 biciklisti\u010dke rute Amazon of Europe Bike Trail vodi od Preloga do Koprivnice. Ruta je duga 55,9 km, lagana je i u cijelosti asfaltirana. Dio je me\u0111unarodne biciklisti\u010dke rute uz rijeke Muru, Dravu i Dunav.\"],\"line\":[[46.32474,16.61129],[46.32459,16.6115],[46.32446,16.61564],[46.32949,16.61525],[46.33166,16.61466],[46.3319,16.61486],[46.33205,16.61452],[46.33359,16.61405],[46.33461,16.61427],[46.33559,16.61374],[46.3371,16.6143],[46.33698,16.61749],[46.33719,16.61985],[46.33711,16.62083],[46.33682,16.62177],[46.33545,16.62381],[46.33495,16.62541],[46.33351,16.62827],[46.33254,16.63085],[46.33223,16.63284],[46.33224,16.63453],[46.33169,16.63808],[46.33165,16.63931],[46.33053,16.64451],[46.32964,16.6468],[46.32971,16.64969],[46.32997,16.65209],[46.32941,16.65393],[46.32934,16.66008],[46.32949,16.66056],[46.33012,16.66081],[46.33069,16.66127],[46.3311,16.66207],[46.33124,16.66319],[46.33112,16.66555],[46.331,16.66669],[46.33071,16.66783],[46.33019,16.66896],[46.32906,16.67021],[46.32885,16.67053],[46.32884,16.67076],[46.32891,16.67101],[46.32969,16.67194],[46.32989,16.6723],[46.33019,16.67382],[46.33049,16.67458],[46.33024,16.67478],[46.32981,16.67676],[46.32939,16.67788],[46.32814,16.67953],[46.32777,16.68098],[46.3278,16.68373],[46.32808,16.6848],[46.32872,16.68651],[46.32898,16.68756],[46.32935,16.68803],[46.32945,16.68907],[46.3301,16.69047],[46.33091,16.69162],[46.33108,16.6922],[46.33121,16.69488],[46.33144,16.6964],[46.33241,16.69803],[46.33259,16.69867],[46.33273,16.69952],[46.33273,16.70018],[46.33259,16.70103],[46.33239,16.70164],[46.33202,16.70201],[46.33181,16.7025],[46.33235,16.70397],[46.33288,16.70421],[46.33313,16.70526],[46.33315,16.70691],[46.33367,16.70783],[46.33444,16.70893],[46.33443,16.70924],[46.33467,16.70951],[46.33666,16.71069],[46.33567,16.71333],[46.334,16.71709],[46.33235,16.72053],[46.33138,16.72206],[46.33074,16.72358],[46.33021,16.72426],[46.32991,16.72497],[46.32974,16.72602],[46.32974,16.72809],[46.32949,16.72924],[46.32893,16.73094],[46.32834,16.73176],[46.32825,16.73228],[46.32894,16.73391],[46.32922,16.7361],[46.32948,16.73666],[46.32998,16.73718],[46.33034,16.73792],[46.33031,16.73875],[46.33011,16.73959],[46.32998,16.7408],[46.32997,16.74187],[46.32945,16.74373],[46.32939,16.74486],[46.32904,16.74664],[46.32929,16.74933],[46.32929,16.75057],[46.32971,16.75189],[46.32966,16.75244],[46.3291,16.7535],[46.32868,16.75397],[46.32819,16.75426],[46.32641,16.75432],[46.32557,16.75425],[46.32459,16.75386],[46.32419,16.75384],[46.3236,16.7542],[46.32341,16.7545],[46.32273,16.75653],[46.32264,16.75853],[46.32191,16.76139],[46.32162,16.76456],[46.32118,16.76656],[46.32058,16.7685],[46.32044,16.76945],[46.32049,16.77074],[46.3213,16.77341],[46.32232,16.77988],[46.32261,16.78108],[46.32261,16.78177],[46.3224,16.78256],[46.32202,16.78285],[46.32143,16.78306],[46.31892,16.78183],[46.31653,16.78083],[46.315,16.78035],[46.31388,16.78772],[46.31155,16.80156],[46.31239,16.80163],[46.31231,16.80417],[46.31184,16.80621],[46.31197,16.80644],[46.3114,16.8077],[46.31037,16.81091],[46.3104,16.81113],[46.31196,16.81148],[46.31163,16.81361],[46.31081,16.8169],[46.31039,16.81755],[46.31,16.81779],[46.30764,16.81801],[46.30691,16.8178],[46.30655,16.81744],[46.30633,16.81699],[46.30615,16.81621],[46.306,16.81475],[46.30563,16.81388],[46.30466,16.81251],[46.30381,16.81194],[46.30343,16.81207],[46.30232,16.81322],[46.30181,16.81428],[46.30134,16.8156],[46.30103,16.81719],[46.30002,16.81925],[46.29895,16.82263],[46.29882,16.82382],[46.29881,16.82545],[46.29926,16.82733],[46.29919,16.82775],[46.29893,16.82815],[46.29459,16.82936],[46.29382,16.82977],[46.2938,16.83016],[46.29336,16.83149],[46.29291,16.83449],[46.29279,16.83616],[46.2929,16.83695],[46.29311,16.83748],[46.29312,16.83806],[46.29348,16.83941],[46.29362,16.84084],[46.29352,16.84135],[46.2927,16.84308],[46.29268,16.84329],[46.29333,16.84442],[46.29403,16.84508],[46.2938,16.84671],[46.2938,16.84733],[46.29405,16.84909],[46.29422,16.84956],[46.29355,16.84937],[46.29075,16.84914],[46.28955,16.84832],[46.28819,16.84546],[46.28579,16.84272],[46.28514,16.84094],[46.28356,16.8377],[46.28403,16.83524],[46.28391,16.83439],[46.28344,16.83375],[46.28327,16.83295],[46.2829,16.8325],[46.28269,16.8318],[46.28235,16.8312],[46.28096,16.83038],[46.27983,16.82994],[46.27782,16.82992],[46.27707,16.82981],[46.27605,16.82956],[46.27472,16.82903],[46.27317,16.82789],[46.27272,16.82745],[46.27068,16.82395],[46.26948,16.82338],[46.26922,16.82337],[46.26864,16.82374],[46.26829,16.82381],[46.26742,16.82425],[46.26687,16.8243],[46.26578,16.82417],[46.26447,16.82383],[46.2637,16.82331],[46.26256,16.82274],[46.26166,16.82201],[46.26086,16.8212],[46.26066,16.8212],[46.26038,16.82139],[46.25955,16.8229],[46.25765,16.82182],[46.25672,16.8214],[46.25605,16.82126],[46.25577,16.82141],[46.25562,16.82183],[46.25538,16.82365],[46.25534,16.82785],[46.25497,16.83223],[46.25511,16.8343],[46.25525,16.83472],[46.25591,16.83548],[46.25595,16.83598],[46.25591,16.83638],[46.25536,16.83779],[46.25509,16.83962],[46.25457,16.84054],[46.25439,16.84104],[46.25415,16.8425],[46.25385,16.84339],[46.25365,16.84461],[46.25377,16.84645],[46.25373,16.8472],[46.25361,16.84788],[46.25315,16.84885],[46.25294,16.84991],[46.25325,16.85077],[46.25292,16.85333],[46.25314,16.85637],[46.25296,16.85681],[46.25243,16.85752],[46.25212,16.85848],[46.25213,16.85886],[46.25246,16.85914],[46.2528,16.85925],[46.25242,16.86157],[46.2522,16.86185],[46.2505,16.86122],[46.25001,16.86116],[46.24955,16.86229],[46.24924,16.86343],[46.24845,16.86751],[46.24873,16.86846],[46.24865,16.86964],[46.24878,16.87036],[46.24884,16.87174],[46.24896,16.87263],[46.24926,16.87371],[46.2491,16.87477],[46.24806,16.87571],[46.2473,16.87625],[46.24604,16.87809],[46.24581,16.87819],[46.24264,16.87823],[46.24361,16.89212],[46.24239,16.89714],[46.24208,16.90548],[46.24266,16.9111],[46.24514,16.92008],[46.24518,16.92495],[46.245,16.92588],[46.24414,16.92783],[46.24328,16.92924],[46.24182,16.93121],[46.24083,16.93198],[46.24,16.93246],[46.23932,16.93233],[46.23722,16.93044],[46.23685,16.93033],[46.23673,16.93038],[46.23655,16.92885],[46.23656,16.92819],[46.23674,16.92737],[46.23671,16.92683],[46.23588,16.92516],[46.23561,16.92494],[46.23473,16.9251],[46.2343,16.92505],[46.23264,16.92441],[46.23237,16.92411],[46.23207,16.92399],[46.23086,16.92403],[46.2305,16.9239],[46.23018,16.92363],[46.22979,16.92297],[46.22736,16.91851],[46.22706,16.91856],[46.22479,16.91994],[46.22439,16.91996],[46.22346,16.91944],[46.22155,16.91913],[46.21963,16.91957],[46.21853,16.9201],[46.21812,16.9202],[46.21767,16.92018],[46.21751,16.91997],[46.21718,16.9177],[46.21684,16.91717],[46.21503,16.91597],[46.21447,16.91578],[46.2142,16.91553],[46.21382,16.91433],[46.21163,16.91363],[46.21045,16.91302],[46.20919,16.91129],[46.20785,16.9105],[46.20733,16.90998],[46.20598,16.90766],[46.20492,16.9079],[46.20355,16.90841],[46.20272,16.90888],[46.2023,16.90889],[46.19736,16.91077],[46.19581,16.91108],[46.19375,16.91173],[46.1926,16.91236],[46.19293,16.91027],[46.19403,16.90524],[46.19634,16.89924],[46.19679,16.89754],[46.19534,16.89583],[46.1939,16.89364],[46.19365,16.8928],[46.19432,16.88895],[46.1939,16.88664],[46.19455,16.88114],[46.19448,16.8799],[46.19384,16.8761],[46.193,16.87631],[46.19131,16.87716],[46.19039,16.87741],[46.1885,16.8771],[46.18793,16.87685],[46.18695,16.87729],[46.1857,16.87741],[46.18515,16.87735],[46.18498,16.8773],[46.18468,16.87673],[46.18454,16.87665],[46.18436,16.87665],[46.18369,16.87706],[46.18333,16.8774],[46.18319,16.8773],[46.182,16.87332],[46.18041,16.86945],[46.17898,16.86756],[46.17753,16.86718],[46.17563,16.86563],[46.17517,16.86375],[46.17487,16.86311],[46.17431,16.86235],[46.17329,16.86142],[46.17312,16.8606],[46.17312,16.8599],[46.17297,16.85954],[46.17152,16.85811],[46.17104,16.85714],[46.1702,16.85524],[46.16971,16.85275],[46.16926,16.85127],[46.16814,16.8494],[46.16764,16.84834],[46.16733,16.84715],[46.16691,16.84402],[46.16667,16.8435],[46.16582,16.84231],[46.16574,16.84189],[46.16566,16.84179],[46.16435,16.84165],[46.16434,16.84181],[46.16384,16.8417],[46.16239,16.84185],[46.16234,16.84176]]}];\r\n  var BOAT_SVG = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 14h20l-3 4H5z\"\/><path d=\"M14 4l-6 10M16.5 2.5l-1 1.8M7 15.5l-1.5 2.5\"\/><path d=\"M2 21c2 0 2-1 4-1s2 1 4 1 2-1 4-1 2 1 4 1 2-1 4-1\"\/><\/svg>';\r\n  var BIKE_SVG = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"5.5\" cy=\"16.5\" r=\"3.5\"\/><circle cx=\"18.5\" cy=\"16.5\" r=\"3.5\"\/><path d=\"M5.5 16.5L9 9h6l3.5 7.5M9 9l3 7.5h1.5M14 6h2.5l-1.5 3\"\/><\/svg>';\r\n  \/* ------------------------------ *\/\r\n\r\n  var root=document.getElementById('bk-karta'); if(!root || !L) return;\r\n  var editMode=\/[?&]uredi\/.test(location.search);\r\n  var list=root.querySelector('.bk-list'), info=root.querySelector('.bk-info');\r\n  var cur=null, filter='all', markers={}, items={}, idle;\r\n\r\n  var map=L.map(root.querySelector('.bk-map'),{zoomControl:false,attributionControl:true,zoomSnap:.25,tap:true});\r\n  var base=L.tileLayer('https:\/\/tile.openstreetmap.org\/{z}\/{x}\/{y}.png',{maxZoom:19,className:'bk-base',attribution:'&copy; <a href=\"https:\/\/www.openstreetmap.org\/copyright\">OpenStreetMap<\/a>'}).addTo(map);\r\n  map.attributionControl.setPrefix('<a href=\"https:\/\/leafletjs.com\">Leaflet<\/a>');\r\n  var sat=L.tileLayer('https:\/\/server.arcgisonline.com\/ArcGIS\/rest\/services\/World_Imagery\/MapServer\/tile\/{z}\/{y}\/{x}',{maxZoom:18,attribution:'Tiles &copy; Esri'});\r\n\r\n  function km(a,b){var R=6371,r=Math.PI\/180,dLa=(b.lat-a.lat)*r,dLn=(b.lng-a.lng)*r,\r\n    x=Math.sin(dLa\/2)*Math.sin(dLa\/2)+Math.cos(a.lat*r)*Math.cos(b.lat*r)*Math.sin(dLn\/2)*Math.sin(dLn\/2);\r\n    return R*2*Math.atan2(Math.sqrt(x),Math.sqrt(1-x));}\r\n\r\n  \/\/ centar\r\n  L.marker([CENTAR.lat,CENTAR.lng],{zIndexOffset:1000,icon:L.divIcon({className:'bk-home-pin',iconSize:[200,40],iconAnchor:[100,20],\r\n    html:'<div><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 11l9-7 9 7\"\/><path d=\"M5 10v10h14V10\"\/><\/svg>Vi ste ovdje<\/div>'})}).addTo(map);\r\n\r\n  LOKACIJE.forEach(function(d,i){\r\n    var k=KAT[d.cat]; d.n=i+1;\r\n    var el=L.divIcon({className:'',iconSize:[48,56],iconAnchor:[24,54],\r\n      html:'<div class=\"bk-pin\" data-id=\"'+d.id+'\"><img decoding=\"async\" src=\"'+ik(d.cat)+'\" data-on=\"'+ik(d.cat)+'\" data-off=\"'+ik(d.cat,false)+'\" alt=\"\"><\/div>'});\r\n    var m=L.marker([d.lat,d.lng],{icon:el,draggable:editMode,riseOnHover:true}).addTo(map);\r\n    m.on('click',function(){ select(d.id,true); });\r\n    if(editMode) m.on('dragend',function(){ var p=m.getLatLng(); d.lat=+p.lat.toFixed(5); d.lng=+p.lng.toFixed(5); dump(); });\r\n    markers[d.id]=m;\r\n\r\n    var b=document.createElement('button'); b.className='bk-item'; b.style.setProperty('--c',k.boja);\r\n    b.innerHTML='<img decoding=\"async\" class=\"bk-num\" src=\"'+ik(d.cat)+'\" alt=\"\"><span><b>'+d.title+'<\/b><small>'+d.place+' \u00b7 '+km(CENTAR,d).toFixed(0)+' km<\/small><\/span>';\r\n    b.addEventListener('click',function(){ select(d.id,true); });\r\n    list.appendChild(b); items[d.id]=b;\r\n  });\r\n\r\n  var lines={};\r\n  RUTE.forEach(function(r){\r\n    r.cat=r.cat||'bic'; r.lat=r.line[0][0]; r.lng=r.line[0][1];\r\n    var col=KAT[r.cat].boja, ico=r.cat==='voz'?BOAT_SVG:BIKE_SVG;\r\n    var casing=L.polyline(r.line,{color:'#fff',weight:9,opacity:.9,interactive:false}).addTo(map);\r\n    var pl=L.polyline(r.line,{color:col,weight:5,opacity:.95,dashArray:'1 10',lineCap:'round'}).addTo(map);\r\n    var hit=L.polyline(r.line,{color:'#000',weight:26,opacity:0}).addTo(map);\r\n    hit.on('click',function(){ select(r.id,true); });\r\n    lines[r.id]={casing:casing,pl:pl};\r\n    var el=L.divIcon({className:'',iconSize:[48,56],iconAnchor:[24,54],html:'<div class=\"bk-pin\"><img decoding=\"async\" src=\"'+ik(r.cat)+'\" data-on=\"'+ik(r.cat)+'\" data-off=\"'+ik(r.cat,false)+'\" alt=\"\"><\/div>'});\r\n    var m=L.marker(r.line[0],{icon:el}).addTo(map); m.on('click',function(){ select(r.id,true); }); markers[r.id]=m;\r\n    var b=document.createElement('button'); b.className='bk-item'; b.style.setProperty('--c',col);\r\n    b.innerHTML='<img decoding=\"async\" class=\"bk-num\" src=\"'+ik(r.cat)+'\" alt=\"\"><span><b>'+r.title+'<\/b><small>'+r.duljina+' \u00b7 '+r.tezina+'<\/small><\/span>';\r\n    b.addEventListener('click',function(){ select(r.id,true); });\r\n    list.appendChild(b); items[r.id]=b;\r\n    LOKACIJE.push(r);\r\n  });\r\n  function styleLines(){\r\n    RUTE.forEach(function(r){\r\n      var on=cur===r.id, vis=visible(r);\r\n      lines[r.id].pl.setStyle({weight:on?7:5,dashArray:on?null:'1 10',opacity:vis?.95:.2});\r\n      lines[r.id].casing.setStyle({weight:on?12:9,opacity:vis?.9:.15});\r\n    });\r\n  }\r\n\r\n  function pinEl(id){ var m=markers[id]; return m && m.getElement() && m.getElement().querySelector('.bk-pin'); }\r\n  function visible(d){ return filter==='all' || d.cat===filter; }\r\n\r\n  function fitAll(){\r\n    var pts=[]; LOKACIJE.filter(visible).forEach(function(d){ if(d.line){ pts=pts.concat(d.line); } else pts.push([d.lat,d.lng]); }); pts.push([CENTAR.lat,CENTAR.lng]);\r\n    var pad=Math.round(root.querySelector('.bk-map').clientWidth*.06);\r\n    map.flyToBounds(L.latLngBounds(pts),{padding:[pad,pad],duration:.8,maxZoom:13});\r\n  }\r\n\r\n  function select(id,fly){\r\n    cur=id;\r\n    var d=LOKACIJE.filter(function(x){return x.id===id;})[0], k=KAT[d.cat];\r\n    LOKACIJE.forEach(function(x){\r\n      items[x.id].classList.toggle('is-active',x.id===id);\r\n      var p=pinEl(x.id); if(p){ p.classList.toggle('is-active',x.id===id); }\r\n    });\r\n    items[id].scrollIntoView({block:'nearest',behavior:'smooth'});\r\n    info.style.setProperty('--c',k.boja);\r\n    info.querySelector('.bk-info-img').style.backgroundImage=\"url('\"+(d.img||k.slika)+\"')\";\r\n    info.querySelector('.bk-info-cat').textContent=k.naziv;\r\n    info.querySelector('h3').textContent=d.title;\r\n    info.querySelector('.bk-m-place em').textContent=d.place;\r\n    info.querySelector('.bk-m-dist em').textContent= d.line ? d.duljina+' \u00b7 '+d.tezina+' \u00b7 '+d.podloga : km(CENTAR,d).toFixed(1).replace('.',',')+' km od centra';\r\n    styleLines();\r\n    info.querySelector('.bk-info-text').innerHTML=d.text.map(function(p){return '<p>'+p+'<\/p>';}).join('');\r\n    info.querySelector('.bk-info-body').scrollTop=0;\r\n    info.classList.add('is-open');\r\n    if(fly && d.line){\r\n      var w2=root.querySelector('.bk-map').clientWidth, h2=root.querySelector('.bk-map').clientHeight;\r\n      map.flyToBounds(L.latLngBounds(d.line),{paddingTopLeft:[Math.round(w2*.5),40],paddingBottomRight:[110,40],duration:.9});\r\n    } else if(fly){\r\n      \/\/ pomakni to\u010dku udesno da je ne pokrije kartica\r\n      var z=Math.max(map.getZoom(),12.5), w=root.querySelector('.bk-map').clientWidth;\r\n      var pt=map.project([d.lat,d.lng],z).subtract([w*.2,0]);\r\n      map.flyTo(map.unproject(pt,z),z,{duration:.9});\r\n    }\r\n  }\r\n\r\n  function closeInfo(){\r\n    cur=null; info.classList.remove('is-open'); setTimeout(styleLines,0);\r\n    LOKACIJE.forEach(function(x){ items[x.id].classList.remove('is-active'); var p=pinEl(x.id); if(p) p.classList.remove('is-active'); });\r\n  }\r\n\r\n  function setFilter(c){\r\n    filter=c;\r\n    root.querySelectorAll('.bk-chip').forEach(function(ch){ ch.classList.toggle('is-active',ch.getAttribute('data-cat')===c); });\r\n    if(typeof chipIcons==='function') chipIcons();\r\n    LOKACIJE.forEach(function(d){\r\n      items[d.id].hidden=!visible(d);\r\n      var p=pinEl(d.id); if(p){ p.classList.toggle('is-dim',!visible(d)); var im=p.querySelector('img'); if(im) im.src=visible(d)?im.getAttribute('data-on'):im.getAttribute('data-off'); }\r\n    });\r\n    styleLines();\r\n    if(cur){ var d=LOKACIJE.filter(function(x){return x.id===cur;})[0]; if(!visible(d)) closeInfo(); }\r\n    fitAll();\r\n  }\r\n\r\n  function chipIcons(){ root.querySelectorAll('.bk-chip').forEach(function(ch){ var c=ch.getAttribute('data-cat'), im=ch.querySelector('img'); if(im && KAT[c]) im.src=ik(c, filter==='all'||filter===c); }); }\r\n  chipIcons();\r\n  root.querySelectorAll('.bk-chip').forEach(function(ch){ ch.addEventListener('click',function(){ setFilter(ch.getAttribute('data-cat')); }); });\r\n  info.querySelector('.bk-info-close').addEventListener('click',function(){ closeInfo(); fitAll(); });\r\n  root.querySelector('[data-act=\"in\"]').addEventListener('click',function(){ map.zoomIn(); });\r\n  root.querySelector('[data-act=\"out\"]').addEventListener('click',function(){ map.zoomOut(); });\r\n  root.querySelector('[data-act=\"all\"]').addEventListener('click',function(){ closeInfo(); fitAll(); });\r\n  var satBtn=root.querySelector('[data-act=\"sat\"]');\r\n  satBtn.addEventListener('click',function(){\r\n    var on=!map.hasLayer(sat);\r\n    if(on){ map.removeLayer(base); sat.addTo(map); } else { map.removeLayer(sat); base.addTo(map); }\r\n    satBtn.classList.toggle('is-on',on);\r\n  });\r\n\r\n  function dump(){\r\n    root.querySelector('.bk-edit textarea').value=LOKACIJE.map(function(d){return d.title+': lat:'+d.lat+', lng:'+d.lng;}).join('\\n');\r\n  }\r\n  if(editMode){ root.querySelector('.bk-edit').style.display='flex'; dump(); }\r\n\r\n  function reset(){ closeInfo(); if(map.hasLayer(sat)) satBtn.click(); setFilter('all'); }\r\n  function resetIdle(){ clearTimeout(idle); if(!editMode) idle=setTimeout(reset,IDLE_MS); }\r\n  ['pointerdown','touchstart','keydown'].forEach(function(ev){ document.addEventListener(ev,resetIdle,{passive:true}); });\r\n\r\n  map.whenReady(function(){ setTimeout(function(){ map.invalidateSize(); fitAll(); },50); });\r\n  map.fitBounds(L.latLngBounds(LOKACIJE.map(function(d){return [d.lat,d.lng];})),{padding:[40,40]});\r\n  resetIdle();\r\n }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HR EN Povratak na po\u010detnu Istra\u017eite Dravu Odaberite lokaciju na popisu ili na&hellip;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"footnotes":"","_tec_slr_enabled":"","_tec_slr_layout":""},"class_list":["post-271","page","type-page","status-publish","hentry"],"ticketed":false,"_links":{"self":[{"href":"https:\/\/bolen-centar.fragment.digital\/en\/wp-json\/wp\/v2\/pages\/271","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bolen-centar.fragment.digital\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bolen-centar.fragment.digital\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bolen-centar.fragment.digital\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bolen-centar.fragment.digital\/en\/wp-json\/wp\/v2\/comments?post=271"}],"version-history":[{"count":51,"href":"https:\/\/bolen-centar.fragment.digital\/en\/wp-json\/wp\/v2\/pages\/271\/revisions"}],"predecessor-version":[{"id":1251,"href":"https:\/\/bolen-centar.fragment.digital\/en\/wp-json\/wp\/v2\/pages\/271\/revisions\/1251"}],"wp:attachment":[{"href":"https:\/\/bolen-centar.fragment.digital\/en\/wp-json\/wp\/v2\/media?parent=271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}