{"id":2,"date":"2026-11-03T22:11:37","date_gmt":"2026-11-03T22:11:37","guid":{"rendered":"https:\/\/stormhungary.hu\/?page_id=2"},"modified":"2026-11-04T20:06:12","modified_gmt":"2026-11-04T20:06:12","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/stormhungary.hu\/?page_id=2","title":{"rendered":"Riaszt\u00e1sok"},"content":{"rendered":"    <div id=\"storm-hu-live\">\n      <style>\n        #storm-hu-live {\n          background:#0b1424;\n          color:#edf4ff;\n          padding:20px;\n          border:1px solid #263b59;\n          border-radius:16px;\n          font-family:Arial,sans-serif;\n          width:100%;\n          box-sizing:border-box;\n        }\n        #storm-hu-live * {box-sizing:border-box}\n        #storm-hu-live .sh-head {\n          display:flex;\n          justify-content:space-between;\n          align-items:center;\n          flex-wrap:wrap;\n          gap:12px;\n          margin-bottom:18px;\n        }\n        #storm-hu-live .sh-title {\n          font-size:25px;\n          font-weight:800;\n        }\n        #storm-hu-live .sh-sub {\n          font-size:12px;\n          color:#9bb1cc;\n          margin-top:5px;\n        }\n        #storm-hu-live .sh-status {\n          font-size:12px;\n          color:#b9cce3;\n          background:#172943;\n          border-radius:20px;\n          padding:9px 12px;\n        }\n        #storm-hu-live .sh-content {\n          background:#101d30;\n          border:1px solid #293e5b;\n          border-radius:12px;\n          padding:16px;\n        }\n        #storm-hu-live h3 {\n          font-size:16px;\n          margin:0 0 12px;\n        }\n        #storm-hu-live #sh-map {\n          height:530px;\n          width:100%;\n          border-radius:9px;\n          background:#0b1424;\n          overflow:hidden;\n        }\n        #storm-hu-live .leaflet-container {\n          background:#0b1424;\n          outline:0;\n        }\n        #storm-hu-live .sh-legend {\n          display:flex;\n          gap:12px;\n          flex-wrap:wrap;\n          margin-top:12px;\n          font-size:12px;\n          color:#b9cce3;\n        }\n        #storm-hu-live .sh-dot {\n          display:inline-block;\n          width:9px;\n          height:9px;\n          border-radius:50%;\n          margin-right:6px;\n        }\n        #storm-hu-live .sh-alerts {\n          border-top:1px solid #293e5b;\n          margin-top:18px;\n          padding-top:17px;\n        }\n        #storm-hu-live .sh-list {\n          display:flex;\n          flex-direction:column;\n          gap:9px;\n        }\n        #storm-hu-live .sh-item {\n          padding:12px;\n          background:#192b43;\n          border-radius:8px;\n          font-size:13px;\n          line-height:1.5;\n          overflow-wrap:anywhere;\n        }\n        #storm-hu-live .sh-note {\n          font-size:12px;\n          color:#9bb1cc;\n          line-height:1.5;\n          margin-top:12px;\n        }\n        #storm-hu-live .leaflet-popup-content-wrapper,\n        #storm-hu-live .leaflet-popup-tip {\n          background:#172943;\n          color:#fff;\n        }\n        @media(max-width:700px) {\n          #storm-hu-live {padding:12px}\n          #storm-hu-live #sh-map {height:400px}\n          #storm-hu-live .sh-content {padding:10px}\n          #storm-hu-live .sh-title {font-size:21px}\n        }\n      <\/style>\n\n      <div class=\"sh-head\">\n        <div>\n          <div class=\"sh-title\">STORM HUNGARY<\/div>\n          <div class=\"sh-sub\">ORSZ\u00c1GOS RIASZT\u00c1SI T\u00c9RK\u00c9P<\/div>\n        <\/div>\n        <div class=\"sh-status\" id=\"sh-status\">Adatok bet\u00f6lt\u00e9se\u2026<\/div>\n      <\/div>\n\n      <div class=\"sh-content\">\n        <h3>Magyarorsz\u00e1g \u2013 j\u00e1r\u00e1si t\u00e9rk\u00e9p<\/h3>\n        <div id=\"sh-map\"><\/div>\n\n        <div class=\"sh-legend\">\n          <span><i class=\"sh-dot\" style=\"background:#e6b638\"><\/i>1. fok<\/span>\n          <span><i class=\"sh-dot\" style=\"background:#ef812d\"><\/i>2. fok<\/span>\n          <span><i class=\"sh-dot\" style=\"background:#df4141\"><\/i>3. fok<\/span>\n          <span><i class=\"sh-dot\" style=\"background:#344b68\"><\/i>Nincs riaszt\u00e1s<\/span>\n        <\/div>\n\n        <div class=\"sh-alerts\">\n          <h3>Aktu\u00e1lis riaszt\u00e1sok<\/h3>\n          <div class=\"sh-list\" id=\"sh-alert-list\">\n            <div class=\"sh-item\">Riaszt\u00e1si adatok bet\u00f6lt\u00e9se\u2026<\/div>\n          <\/div>\n          <div class=\"sh-note\" id=\"sh-issued\"><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"sh-note\">\n        Forr\u00e1s:\n        <a href=\"https:\/\/www.metnet.hu\/\" target=\"_blank\" rel=\"noopener\" style=\"color:#75baff\">MetNet.hu<\/a>.\n        T\u00e9rk\u00e9pi adatok: Lechner Tud\u00e1sk\u00f6zpont.\n      <\/div>\n    <\/div>\n\n    <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\">\n    <script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\"><\/script>\n\n    <script>\n    (function(){\n      const root=document.getElementById('storm-hu-live');\n      if(!root || root.dataset.started) return;\n      root.dataset.started='1';\n\n      const status=root.querySelector('#sh-status');\n      const list=root.querySelector('#sh-alert-list');\n      const issued=root.querySelector('#sh-issued');\n\n      if(typeof L==='undefined'){\n        status.textContent='A t\u00e9rk\u00e9pk\u00f6nyvt\u00e1r nem t\u00f6lt\u0151d\u00f6tt be.';\n        return;\n      }\n\n      const map=L.map(root.querySelector('#sh-map'),{\n        scrollWheelZoom:false,\n        zoomControl:true,\n        attributionControl:false\n      }).setView([47.16,19.5],7);\n\n      let features=[];\n      let alerts=null;\n      let geoLayer=null;\n\n      function featureName(f){\n        const p=f.properties||{};\n        return p.jaras||p.Jaras||p.jaras_nev||p.name||p.NAME||p.nev||'Ismeretlen j\u00e1r\u00e1s';\n      }\n\n      function allText(obj){\n        try{return JSON.stringify(obj).toLocaleLowerCase('hu')}\n        catch(e){return ''}\n      }\n\n      function levelFor(name){\n        if(!alerts) return 0;\n\n        const events=Array.isArray(alerts.events)?alerts.events:[];\n        if(events.length===0) return 0;\n\n        const t=allText(events);\n        const n=String(name).toLocaleLowerCase('hu');\n\n        if(!t.includes(n)) return 0;\n\n        const section=t.split(n).slice(1,3).join(n).slice(0,500);\n\n        if(\/3\\.?\\s*fok|harmadfok|piros\/.test(section)) return 3;\n        if(\/2\\.?\\s*fok|m\u00e1sodfok|narancs\/.test(section)) return 2;\n        if(\/1\\.?\\s*fok|els\u0151fok|s\u00e1rga\/.test(section)) return 1;\n\n        return 0;\n      }\n\n      function color(level){\n        if(level===3) return '#df4141';\n        if(level===2) return '#ef812d';\n        if(level===1) return '#e6b638';\n        return '#344b68';\n      }\n\n      function drawMap(){\n        if(geoLayer) map.removeLayer(geoLayer);\n\n        geoLayer=L.geoJSON(features,{\n          style:function(f){\n            return {\n              color:'#9bb2ce',\n              weight:0.8,\n              fillColor:color(levelFor(featureName(f))),\n              fillOpacity:0.9\n            };\n          },\n          onEachFeature:function(f,layer){\n            const name=featureName(f);\n            layer.bindPopup('<strong>'+name+'<\/strong><br>Riaszt\u00e1si szint: '+(levelFor(name)||'Nincs azonos\u00edtott riaszt\u00e1s'));\n\n            layer.on('mouseover',function(){\n              layer.setStyle({weight:2,color:'#ffffff'});\n            });\n\n            layer.on('mouseout',function(){\n              geoLayer.resetStyle(layer);\n            });\n          }\n        }).addTo(map);\n\n        try {\n          map.fitBounds(geoLayer.getBounds(),{padding:[12,12]});\n        } catch(e){}\n      }\n\n      function showAlerts(data){\n        const events=Array.isArray(data.events)?data.events:[];\n\n        if(!events.length){\n          list.innerHTML='<div class=\"sh-item\"><strong>Nincs akt\u00edv riaszt\u00e1s<\/strong><br>A lek\u00e9rdez\u00e9s jelenleg nem adott vissza akt\u00edv esem\u00e9nyt.<\/div>';\n        } else {\n          list.innerHTML='';\n          events.forEach(function(ev){\n            const item=document.createElement('div');\n            item.className='sh-item';\n            item.textContent=typeof ev==='string'?ev:JSON.stringify(ev);\n            list.appendChild(item);\n          });\n        }\n\n        if(data.issued) issued.textContent='Adatkiad\u00e1s: '+data.issued;\n      }\n\n      async function load(){\n        try {\n          const urls=[\n            'https:\/\/geo2.lechnerkozpont.hu\/server\/rest\/services\/bolcsode_dashboard\/Alapterkepi_elemek_bovitett_attributum\/FeatureServer\/1\/query?where=1%3D1&outFields=*&returnGeometry=true&outSR=4326&f=geojson',\n            'https:\/\/www.metnet.hu\/api\/widget\/v1\/riasztasok?nap=most'\n          ];\n\n          const results=await Promise.all(urls.map(async function(url){\n            const response=await fetch(url);\n            if(!response.ok) throw Error('HTTP '+response.status);\n            return response.json();\n          }));\n\n          const geo=results[0];\n          alerts=results[1];\n\n          if(!geo.features || !geo.features.length){\n            throw Error('A t\u00e9rk\u00e9pi adatok nem \u00e9rkeztek meg.');\n          }\n\n          features=geo.features;\n          drawMap();\n          showAlerts(alerts);\n          status.textContent='T\u00e9rk\u00e9p bet\u00f6ltve';\n\n        } catch(err) {\n          status.textContent='Adatbet\u00f6lt\u00e9si hiba';\n          list.innerHTML='<div class=\"sh-item\">Nem siker\u00fclt minden adatot bet\u00f6lteni: '+String(err.message||err)+'<\/div>';\n        }\n      }\n\n      load();\n      setInterval(load,60000);\n      setTimeout(function(){map.invalidateSize()},500);\n    })();\n    <\/script>\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Riaszt\u00e1sok - Storm Hungary<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/stormhungary.hu\/?page_id=2\" \/>\n<meta property=\"og:locale\" content=\"hu_HU\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Riaszt\u00e1sok - Storm Hungary\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stormhungary.hu\/?page_id=2\" \/>\n<meta property=\"og:site_name\" content=\"Storm Hungary\" \/>\n<meta property=\"article:modified_time\" content=\"2026-11-04T20:06:12+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/stormhungary.hu\\\/?page_id=2\",\"url\":\"https:\\\/\\\/stormhungary.hu\\\/?page_id=2\",\"name\":\"Riaszt\u00e1sok - Storm Hungary\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/stormhungary.hu\\\/#website\"},\"datePublished\":\"2026-11-03T22:11:37+00:00\",\"dateModified\":\"2026-11-04T20:06:12+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/stormhungary.hu\\\/?page_id=2#breadcrumb\"},\"inLanguage\":\"hu\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/stormhungary.hu\\\/?page_id=2\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/stormhungary.hu\\\/?page_id=2#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Avaleht\",\"item\":\"https:\\\/\\\/stormhungary.hu\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Riaszt\u00e1sok\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/stormhungary.hu\\\/#website\",\"url\":\"https:\\\/\\\/stormhungary.hu\\\/\",\"name\":\"Storm Hungary\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/stormhungary.hu\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/stormhungary.hu\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"hu\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/stormhungary.hu\\\/#organization\",\"name\":\"Storm Hungary\",\"url\":\"https:\\\/\\\/stormhungary.hu\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"hu\",\"@id\":\"https:\\\/\\\/stormhungary.hu\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/stormhungary.hu\\\/wp-content\\\/uploads\\\/2026\\\/11\\\/storm-hungary-hatternelkul.png\",\"contentUrl\":\"https:\\\/\\\/stormhungary.hu\\\/wp-content\\\/uploads\\\/2026\\\/11\\\/storm-hungary-hatternelkul.png\",\"width\":2048,\"height\":2048,\"caption\":\"Storm Hungary\"},\"image\":{\"@id\":\"https:\\\/\\\/stormhungary.hu\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Riaszt\u00e1sok - Storm Hungary","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/stormhungary.hu\/?page_id=2","og_locale":"hu_HU","og_type":"article","og_title":"Riaszt\u00e1sok - Storm Hungary","og_url":"https:\/\/stormhungary.hu\/?page_id=2","og_site_name":"Storm Hungary","article_modified_time":"2026-11-04T20:06:12+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stormhungary.hu\/?page_id=2","url":"https:\/\/stormhungary.hu\/?page_id=2","name":"Riaszt\u00e1sok - Storm Hungary","isPartOf":{"@id":"https:\/\/stormhungary.hu\/#website"},"datePublished":"2026-11-03T22:11:37+00:00","dateModified":"2026-11-04T20:06:12+00:00","breadcrumb":{"@id":"https:\/\/stormhungary.hu\/?page_id=2#breadcrumb"},"inLanguage":"hu","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stormhungary.hu\/?page_id=2"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/stormhungary.hu\/?page_id=2#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Avaleht","item":"https:\/\/stormhungary.hu\/"},{"@type":"ListItem","position":2,"name":"Riaszt\u00e1sok"}]},{"@type":"WebSite","@id":"https:\/\/stormhungary.hu\/#website","url":"https:\/\/stormhungary.hu\/","name":"Storm Hungary","description":"","publisher":{"@id":"https:\/\/stormhungary.hu\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/stormhungary.hu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"hu"},{"@type":"Organization","@id":"https:\/\/stormhungary.hu\/#organization","name":"Storm Hungary","url":"https:\/\/stormhungary.hu\/","logo":{"@type":"ImageObject","inLanguage":"hu","@id":"https:\/\/stormhungary.hu\/#\/schema\/logo\/image\/","url":"https:\/\/stormhungary.hu\/wp-content\/uploads\/2026\/11\/storm-hungary-hatternelkul.png","contentUrl":"https:\/\/stormhungary.hu\/wp-content\/uploads\/2026\/11\/storm-hungary-hatternelkul.png","width":2048,"height":2048,"caption":"Storm Hungary"},"image":{"@id":"https:\/\/stormhungary.hu\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/stormhungary.hu\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stormhungary.hu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stormhungary.hu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stormhungary.hu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stormhungary.hu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":18,"href":"https:\/\/stormhungary.hu\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":61,"href":"https:\/\/stormhungary.hu\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/61"}],"wp:attachment":[{"href":"https:\/\/stormhungary.hu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}