{"id":62,"date":"2020-02-07T09:11:53","date_gmt":"2020-02-07T09:11:53","guid":{"rendered":"http:\/\/spire.city\/?page_id=62"},"modified":"2023-02-07T09:31:40","modified_gmt":"2023-02-07T09:31:40","slug":"igis","status":"publish","type":"page","link":"https:\/\/spire.city\/index.php\/igis\/","title":{"rendered":"iGis"},"content":{"rendered":"\n<p><script>\r\n\tjQuery(document).ready(function($){\r\n\t\twindow.addEventListener('message',onMessage);\r\n});\r\n\r\n\tfunction onMessage(e) {\r\n            var msg = JSON.parse(e.data);\r\n\tif (msg.type == \"msg-send-selected-byclick-info\") {\r\n\t\tconsole.log(msg.data.items[0].featureId);\r\n\r\n\/\/--------------------------------------------------------\r\n             var btn = document.createElement(\"button\");\r\n             btn.innerHTML = \"X\";\r\n             btn.style.cssText = 'float: right; margin-top: 10px;';\r\n             var eBTN = document.getElementById(\"div1\");\r\n              eBTN.appendChild(btn);\r\n\r\n\r\n\r\n\/\/-------------------------------------------------------\r\n               var title = document.createElement(\"div\");\r\n               var titlu = msg.data.items[0].featureId;\r\n               var vTitle1 = titlu.toUpperCase();\r\n               var vTitle2 = vTitle1.split(\".\");\r\n               var vTitle= vTitle2[0] ;\r\n               var textTitle = document.createTextNode(vTitle );\r\n                 title.appendChild(textTitle);\r\n                 title.style.cssText='font-weight:bold; text-align: center; font-size: 18px;'\r\n                 var eTitle = document.getElementById(\"div1\");\r\n                eTitle.appendChild(title);\r\n\r\n\r\n\/\/-------------------------------------------------------\r\n                var tag = document.createElement(\"div\");\r\n                var s = document.createElement(\"div\");\r\n                var value = msg.data.items[0].info[2].value;\r\n                var t = document.createTextNode(\"Ph: \" + value);\r\n\t\ts.appendChild(t);\r\n                tag.style.cssText= 'background-color: red; word-wrap: normal; height: 10px; border-radius: 5px';\r\n                s.style.cssText = 'margin-top: 10px; font-weight: bold';\r\n                tag.style.width = value + \"%\";\r\n                var el = document.getElementById(\"div1\");\r\n                el.appendChild(s);\r\n                el.appendChild(tag);\r\n                \r\n\r\n\/\/-------------------------------------------------------\r\n                var tag1 = document.createElement(\"div\");\r\n                var s1 = document.createElement(\"div\");\r\n                var value1 = msg.data.items[0].info[3].value;\r\n                var t1 = document.createTextNode(\"Humus: \" + value1);\r\n\t\ts1.appendChild(t1);\r\n                tag1.style.cssText= 'background-color: blue; word-wrap: normal; height: 10px; border-radius: 5px';\r\n                s1.style.cssText = 'margin-top: 5px; font-weight: bold';\r\n                tag1.style.width = value1 + \"%\";\r\n                var el1 = document.getElementById(\"div1\");\r\n                el1.appendChild(s1);\r\n                el1.appendChild(tag1);\r\n\r\n\r\n\/\/-------------------------------------------------------\r\n                var tag2 = document.createElement(\"div\");\r\n                var s2 = document.createElement(\"div\");\r\n                var value2 = msg.data.items[0].info[4].value;\r\n                var t2 = document.createTextNode(\"Pb: \" + value2);\r\n\t\ts2.appendChild(t2);\r\n                tag2.style.cssText= 'background-color: green; word-wrap: normal; height: 10px; border-radius: 5px';\r\n                s2.style.cssText = 'margin-top: 5px; font-weight: bold';\r\n                tag2.style.width = value2 + \"%\";\r\n                var el2 = document.getElementById(\"div1\");\r\n                el2.appendChild(s2);\r\n                el2.appendChild(tag2);\r\n\r\n\/\/-------------------------------------------------------\r\n                var tag3 = document.createElement(\"div\");\r\n                var s3 = document.createElement(\"div\");\r\n                var value3 = msg.data.items[0].info[5].value;\r\n                var t3 = document.createTextNode(\"Cd: \" + value3);\r\n\t\ts3.appendChild(t3);\r\n                tag3.style.cssText= 'background-color: yellow; word-wrap: normal; height: 10px; border-radius: 5px';\r\n                s3.style.cssText = 'margin-top: 5px; font-weight: bold';\r\n                tag3.style.width = value3 + \"%\";\r\n                var el3 = document.getElementById(\"div1\");\r\n                el3.appendChild(s3);\r\n                el3.appendChild(tag3);\r\n\r\n\r\n\/\/-------------------------------------------------------\r\n                var tag4 = document.createElement(\"div\");\r\n                var s4 = document.createElement(\"div\");\r\n                var value4 = msg.data.items[0].info[6].value;\r\n                var t4 = document.createTextNode(\"Cu: \" + value4);\r\n\t\ts4.appendChild(t4);\r\n                tag4.style.cssText= 'background-color: orange; word-wrap: normal; height: 10px; border-radius: 5px';\r\n                s4.style.cssText = 'margin-top: 5px; font-weight: bold';\r\n                tag4.style.width = value4 + \"%\";\r\n                var el4 = document.getElementById(\"div1\");\r\n                el4.appendChild(s4);\r\n                el4.appendChild(tag4);\r\n\r\n\r\n\r\n\/\/-------------------------------------------------------\r\n                var tag5 = document.createElement(\"div\");\r\n                var s5 = document.createElement(\"div\");\r\n                var value5 = msg.data.items[0].info[7].value;\r\n                var t5 = document.createTextNode(\"Z: \" + value5);\r\n\t\ts5.appendChild(t5);\r\n                tag5.style.cssText= 'background-color: gray; word-wrap: normal; height: 10px; border-radius: 5px';\r\n                s5.style.cssText = 'margin-top: 5px; font-weight: bold';\r\n                tag5.style.width = value5 + \"%\";\r\n                var el5 = document.getElementById(\"div1\");\r\n                el5.appendChild(s5);\r\n                el5.appendChild(tag5);\r\n\r\n\r\n\/\/--------------------------------------------------\r\nvar tag6 = document.createElement(\"div\");\r\n                tag6.style.cssText= 'border-bottom: 1px solid lightGray; margin-top: 25px; width:100%;';\r\n                var el6 = document.getElementById(\"div1\");\r\n                el6.appendChild(tag6);\r\n\r\n\r\n\r\nbtn.onclick = function () {\r\n             btn.style.cssText = \"display: none;\"\r\n             title.style.cssText = \"display: none;\"\r\n             tag.style.cssText = \"display: none;\"\r\ntag1.style.cssText = \"display: none;\"\r\ntag2.style.cssText = \"display: none;\"\r\ntag3.style.cssText = \"display: none;\"\r\ntag4.style.cssText = \"display: none;\"\r\ntag5.style.cssText = \"display: none;\"\r\ntag6.style.cssText = \"display: none;\"\r\ns.style.cssText = \"display: none;\"\r\ns1.style.cssText = \"display: none;\"\r\ns2.style.cssText = \"display: none;\"\r\ns3.style.cssText = \"display: none;\"\r\ns4.style.cssText = \"display: none;\"\r\ns5.style.cssText = \"display: none;\"\r\n              }\r\n\t\t}\r\n\t}\r\n\r\n<\/script>\r\n\r\n<\/script><\/p>\n<div id=\"div1\">\u00a0<\/div>\n<div id=\"container\" style=\"width: 100%; height: 100%;\">\u00a0<\/div>\n\n\n<p> iGIS is the technical tool used for education, gamification, assessment and measuring of project KPI. The platform itself leverages on Remote sensed data, ground truth, scientific indexes and Artificial Intelligence (AI) in order to provide a complete overview of the intervention area, as well simulations of impact of replication in further areas using AI. Multimedia tools will enable visualization for students and local stakeholders, enabling them to simulate effects of actions and understand specific NBS and processes. <br><br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00a0 \u00a0 iGIS is the technical tool used for education, gamification, assessment and measuring of project KPI. The platform itself leverages on Remote sensed data, ground truth, scientific indexes and Artificial Intelligence (AI) in order to provide a complete overview of the intervention area, as well simulations of impact of&#8230;<\/p>\n<p> <a class=\"continue-reading-link\" href=\"https:\/\/spire.city\/index.php\/igis\/\"><span>Continue reading<\/span><i class=\"crycon-right-dir\"><\/i><\/a> <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/spire.city\/index.php\/wp-json\/wp\/v2\/pages\/62"}],"collection":[{"href":"https:\/\/spire.city\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/spire.city\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/spire.city\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/spire.city\/index.php\/wp-json\/wp\/v2\/comments?post=62"}],"version-history":[{"count":43,"href":"https:\/\/spire.city\/index.php\/wp-json\/wp\/v2\/pages\/62\/revisions"}],"predecessor-version":[{"id":836,"href":"https:\/\/spire.city\/index.php\/wp-json\/wp\/v2\/pages\/62\/revisions\/836"}],"wp:attachment":[{"href":"https:\/\/spire.city\/index.php\/wp-json\/wp\/v2\/media?parent=62"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}