<\/title>\r\n\r\n <script src=\"..\/scripts\/extern\/fingereyes-xr\/Xr.js\"><\/script>\r\n<\/head>\r\n<body onload=\"load()\">\r\n <div id=\"mapDiv\"><\/div>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n<p>#mapDiv\uac00 \uc9c0\ub3c4\uac00 \ud45c\uc2dc\ub418\ub294 DOM \uc694\uc18c\uc774\uace0, \uc774 DOM\uc758 \uc2a4\ud0c0\uc77c\uc740 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\">\r\n<style>\r\n #mapDiv { \r\n top:0px; \r\n left:0px; \r\n position:absolute; \r\n width:100%; \r\n height:100%; \r\n border: none; \r\n }\r\n<\/style>\r\n<\/pre>\n<p>\uadf8\ub9ac\uace0 \uc2a4\ud06c\ub9bd\ud2b8\ub294 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\">\r\n<script>\r\n var map = null;\r\n\r\n function load() {\r\n map = new Xr.Map(\"mapDiv\", {});\r\n\r\n var lyrBase = new Xr.layers.TMSLayer(\"baseMap\",\r\n {\r\n urls: [\r\n \/\/ \uc9c0\ub3c4 \uc774\ubbf8\uc9c0\uc5d0 \ub300\ud55c URL\uc740 \uc790\uc8fc \ubcc0\uacbd\ub428 \r\n \"https:\/\/map0.daumcdn.net\/map_2d_h_________\/L${z}\/${y}\/${x}.png\",\r\n \"https:\/\/map1.daumcdn.net\/map_2d_h_________\/L${z}\/${y}\/${x}.png\",\r\n \"https:\/\/map2.daumcdn.net\/map_2d_h_________\/L${z}\/${y}\/${x}.png\",\r\n \"https:\/\/map3.daumcdn.net\/map_2d_h_________\/L${z}\/${y}\/${x}.png\"\r\n ],\r\n upps: [2048, 1024, 512, 256, 128, 64, 32, 16, 8, 4, 2, 1, 0.5, 0.25], \r\n mbr: new Xr.MBR(-30000, -60000, 494288, 988576),\r\n imageSize: 256,\r\n reversedRows: false,\r\n reversedLevels: true,\r\n crossOrigin: false\r\n }\r\n );\r\n\r\n var lm = map.layers();\r\n lm.add(lyrBase);\r\n\r\n map.onLayersAllReady(\r\n function () {\r\n var cm = map.coordMapper();\r\n cm.moveTo(200000, 500000);\r\n cm.zoomByMapScale(5000);\r\n map.update();\r\n }\r\n );\r\n }\r\n\r\n window.addEventListener(\"resize\", onResize);\r\n onResize();\r\n\r\n function onResize() {\r\n var mapsContainer = document.querySelector(\"#mapDiv\");\r\n if (mapsContainer) {\r\n var style = window.getComputedStyle(mapsContainer, null);\r\n var width = parseFloat(style.getPropertyValue(\"width\"));\r\n var height = parseFloat(style.getPropertyValue(\"height\"));\r\n\r\n map.resize(width, height);\r\n map.update();\r\n }\r\n }\r\n <\/script>\r\n<\/pre>\n<p>\uc2e4\ud589\ud574\ubcf4\uba74 \ub2e4\uc74c\uacfc \uac19\uc774 \uc9c0\ub3c4\uac00 \ud45c\uc2dc\ub41c\ub2e4.<\/p>\n<p><video width=\"100%\" controls><source src=\"http:\/\/www.gisdeveloper.co.kr\/wp-content\/uploads\/2019\/05\/fingereyes-xr_kakaomap.mp4\" type=\"video\/mp4\">\ube44\ub514\uc624\ub97c \uc9c0\uc6d0\ud558\uc9c0 \uc54a\ub294 \uc6f9\ube0c\ub77c\uc6b0\uc838\uc785\ub2c8\ub2e4.<\/video><\/p>\n<p>\ub85c\ub4dc\ub9f5\ub3c4 \uc5f0\uacc4\ub97c \ud574\uc918\uc57c \ud558\ub294\ub370.. \uc774\ucc98\ub7fc \uc798\ub9cc\ub4e4\uc5b4\uc9c4 \uc9c0\ub3c4\ub97c \uac00\uc838\ub2e4 \ubd99\uc5ec \uc0ac\uc6a9\uc790\uac00 \uc6d0\ud558\ub294 \uae30\ub2a5\uc744 \ube60\ub974\uac8c \uc81c\uacf5\ud558\ub294 \uac83\ub3c4 \ucc38 \uc88b\uc740 \uac83 \uac19\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uad6c\uae00\uc774\ub098, \ub124\uc774\ubc84 \ubc0f \uce74\uce74\uc624\ub9f5 \ub4f1\uc758 \uc800\uc791\uad8c\uc744 \uac00\uc9c0\uace0 \uc788\ub294 \ud68c\uc0ac\uc5d0\uc11c \uc81c\uacf5\ud558\ub294 \uc9c0\ub3c4 API\uac00 \uc544\ub2cc URL\ub85c \uc9c1\uc811 \uac00\uc838\uc640 \ud65c\uc6a9\ud558\ub294 \uac83\uc740 \uc800\uc791\uad8c\uc5d0 \uc704\ubc30\ub418\ub294 \uc77c\uc774\uae34 \ud558\uc9c0\ub9cc, \uba87\uba87 \uae30\uad00\uc5d0\uc11c\ub294 \uc9c0\ub3c4 \ud68c\uc0ac\uc640 \uacc4\uc57d\uc744 \ub9fa\uc5b4 URL\uc744 \ud1b5\ud574 \uc9c0\ub3c4\ub97c \uac00\uc838\uc640 \ud65c\uc6a9\ud560 \uc218 \uc788\ub294 \uacbd\uc6b0\uac00 \uc788\ub2e4. \uc774\uc5d0 \ub300\ud55c \uc694\uad6c \uc0ac\ud56d\uc73c\ub85c \uc6f9 GIS \uc5d4\uc9c4\uc778 FignerEyes-Xr\uc5d0\uc11c \uce74\uce74\uc624\ub9f5\uc758 \uc9c0\ub3c4\ub97c URL\ub85c \uac00\uc838\uc640 \ud45c\uc2dc\ud558\ub294 \uc608\uc81c\ub97c \uc815\ub9ac\ud55c\ub2e4. \uba3c\uc800 \ud544\uc694\ud55c DOM … <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/www.gisdeveloper.co.kr\/?p=7064\" class=\"more-link\">\ub354 \ubcf4\uae30<span class=\"screen-reader-text\"> “FingerEyes-Xr\uc5d0\uc11c \uce74\uce74\uc624\ub9f5 \ud45c\uc2dc”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[70],"tags":[],"class_list":["post-7064","post","type-post","status-publish","format-standard","hentry","category-fingereyes-xr"],"_links":{"self":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/7064","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7064"}],"version-history":[{"count":10,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/7064\/revisions"}],"predecessor-version":[{"id":9407,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/7064\/revisions\/9407"}],"wp:attachment":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7064"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=7064"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=7064"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":7064,"date":"2019-05-27T21:25:29","date_gmt":"2019-05-27T12:25:29","guid":{"rendered":"http:\/\/www.gisdeveloper.co.kr\/?p=7064"},"modified":"2020-05-28T10:28:02","modified_gmt":"2020-05-28T01:28:02","slug":"fingereyes-xr%ec%97%90%ec%84%9c-%ec%b9%b4%ec%b9%b4%ec%98%a4%eb%a7%b5-%ed%91%9c%ec%8b%9c","status":"publish","type":"post","link":"http:\/\/www.gisdeveloper.co.kr\/?p=7064","title":{"rendered":"FingerEyes-Xr\uc5d0\uc11c \uce74\uce74\uc624\ub9f5 \ud45c\uc2dc"},"content":{"rendered":"

\uad6c\uae00\uc774\ub098, \ub124\uc774\ubc84 \ubc0f \uce74\uce74\uc624\ub9f5 \ub4f1\uc758 \uc800\uc791\uad8c\uc744 \uac00\uc9c0\uace0 \uc788\ub294 \ud68c\uc0ac\uc5d0\uc11c \uc81c\uacf5\ud558\ub294 \uc9c0\ub3c4 API\uac00 \uc544\ub2cc URL\ub85c \uc9c1\uc811 \uac00\uc838\uc640 \ud65c\uc6a9\ud558\ub294 \uac83\uc740 \uc800\uc791\uad8c\uc5d0 \uc704\ubc30\ub418\ub294 \uc77c\uc774\uae34 \ud558\uc9c0\ub9cc, \uba87\uba87 \uae30\uad00\uc5d0\uc11c\ub294 \uc9c0\ub3c4 \ud68c\uc0ac\uc640 \uacc4\uc57d\uc744 \ub9fa\uc5b4 URL\uc744 \ud1b5\ud574 \uc9c0\ub3c4\ub97c \uac00\uc838\uc640 \ud65c\uc6a9\ud560 \uc218 \uc788\ub294 \uacbd\uc6b0\uac00 \uc788\ub2e4. \uc774\uc5d0 \ub300\ud55c \uc694\uad6c \uc0ac\ud56d\uc73c\ub85c \uc6f9 GIS \uc5d4\uc9c4\uc778 FignerEyes-Xr\uc5d0\uc11c \uce74\uce74\uc624\ub9f5\uc758 \uc9c0\ub3c4\ub97c URL\ub85c \uac00\uc838\uc640 \ud45c\uc2dc\ud558\ub294 \uc608\uc81c\ub97c \uc815\ub9ac\ud55c\ub2e4.<\/p>\n

\uba3c\uc800 \ud544\uc694\ud55c DOM \uc694\uc18c\ub97c \ub2e4\uc74c\uacfc \uac19\uc774 \uc815\uc758\ud55c\ub2e4.<\/p>\n

\r\n\r\n\r\n\r\n    \r\n    <\/title>\r\n\r\n    <script src=\"..\/scripts\/extern\/fingereyes-xr\/Xr.js\"><\/script>\r\n<\/head>\r\n<body onload=\"load()\">\r\n    <div id=\"mapDiv\"><\/div>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n<p>#mapDiv\uac00 \uc9c0\ub3c4\uac00 \ud45c\uc2dc\ub418\ub294 DOM \uc694\uc18c\uc774\uace0, \uc774 DOM\uc758 \uc2a4\ud0c0\uc77c\uc740 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\">\r\n<style>\r\n    #mapDiv { \r\n        top:0px; \r\n        left:0px; \r\n        position:absolute; \r\n        width:100%; \r\n        height:100%; \r\n        border: none; \r\n    }\r\n<\/style>\r\n<\/pre>\n<p>\uadf8\ub9ac\uace0 \uc2a4\ud06c\ub9bd\ud2b8\ub294 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\">\r\n<script>\r\n    var map = null;\r\n\r\n    function load() {\r\n        map = new Xr.Map(\"mapDiv\", {});\r\n\r\n        var lyrBase = new Xr.layers.TMSLayer(\"baseMap\",\r\n            {\r\n                urls: [\r\n                    \/\/ \uc9c0\ub3c4 \uc774\ubbf8\uc9c0\uc5d0 \ub300\ud55c URL\uc740 \uc790\uc8fc \ubcc0\uacbd\ub428 \r\n                    \"https:\/\/map0.daumcdn.net\/map_2d_h_________\/L${z}\/${y}\/${x}.png\",\r\n                    \"https:\/\/map1.daumcdn.net\/map_2d_h_________\/L${z}\/${y}\/${x}.png\",\r\n                    \"https:\/\/map2.daumcdn.net\/map_2d_h_________\/L${z}\/${y}\/${x}.png\",\r\n                    \"https:\/\/map3.daumcdn.net\/map_2d_h_________\/L${z}\/${y}\/${x}.png\"\r\n                ],\r\n                upps: [2048, 1024, 512, 256, 128, 64, 32, 16, 8, 4, 2, 1, 0.5, 0.25], \r\n                mbr: new Xr.MBR(-30000, -60000, 494288, 988576),\r\n                imageSize: 256,\r\n                reversedRows: false,\r\n                reversedLevels: true,\r\n                crossOrigin: false\r\n            }\r\n        );\r\n\r\n        var lm = map.layers();\r\n        lm.add(lyrBase);\r\n\r\n        map.onLayersAllReady(\r\n            function () {\r\n                var cm = map.coordMapper();\r\n                cm.moveTo(200000, 500000);\r\n                cm.zoomByMapScale(5000);\r\n                map.update();\r\n            }\r\n        );\r\n    }\r\n\r\n    window.addEventListener(\"resize\", onResize);\r\n    onResize();\r\n\r\n    function onResize() {\r\n        var mapsContainer = document.querySelector(\"#mapDiv\");\r\n        if (mapsContainer) {\r\n            var style = window.getComputedStyle(mapsContainer, null);\r\n            var width = parseFloat(style.getPropertyValue(\"width\"));\r\n            var height = parseFloat(style.getPropertyValue(\"height\"));\r\n\r\n            map.resize(width, height);\r\n            map.update();\r\n        }\r\n    }\r\n    <\/script>\r\n<\/pre>\n<p>\uc2e4\ud589\ud574\ubcf4\uba74 \ub2e4\uc74c\uacfc \uac19\uc774 \uc9c0\ub3c4\uac00 \ud45c\uc2dc\ub41c\ub2e4.<\/p>\n<p><video width=\"100%\"  controls><source src=\"http:\/\/www.gisdeveloper.co.kr\/wp-content\/uploads\/2019\/05\/fingereyes-xr_kakaomap.mp4\" type=\"video\/mp4\">\ube44\ub514\uc624\ub97c \uc9c0\uc6d0\ud558\uc9c0 \uc54a\ub294 \uc6f9\ube0c\ub77c\uc6b0\uc838\uc785\ub2c8\ub2e4.<\/video><\/p>\n<p>\ub85c\ub4dc\ub9f5\ub3c4 \uc5f0\uacc4\ub97c \ud574\uc918\uc57c \ud558\ub294\ub370.. \uc774\ucc98\ub7fc \uc798\ub9cc\ub4e4\uc5b4\uc9c4 \uc9c0\ub3c4\ub97c \uac00\uc838\ub2e4 \ubd99\uc5ec \uc0ac\uc6a9\uc790\uac00 \uc6d0\ud558\ub294 \uae30\ub2a5\uc744 \ube60\ub974\uac8c \uc81c\uacf5\ud558\ub294 \uac83\ub3c4 \ucc38 \uc88b\uc740 \uac83 \uac19\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uad6c\uae00\uc774\ub098, \ub124\uc774\ubc84 \ubc0f \uce74\uce74\uc624\ub9f5 \ub4f1\uc758 \uc800\uc791\uad8c\uc744 \uac00\uc9c0\uace0 \uc788\ub294 \ud68c\uc0ac\uc5d0\uc11c \uc81c\uacf5\ud558\ub294 \uc9c0\ub3c4 API\uac00 \uc544\ub2cc URL\ub85c \uc9c1\uc811 \uac00\uc838\uc640 \ud65c\uc6a9\ud558\ub294 \uac83\uc740 \uc800\uc791\uad8c\uc5d0 \uc704\ubc30\ub418\ub294 \uc77c\uc774\uae34 \ud558\uc9c0\ub9cc, \uba87\uba87 \uae30\uad00\uc5d0\uc11c\ub294 \uc9c0\ub3c4 \ud68c\uc0ac\uc640 \uacc4\uc57d\uc744 \ub9fa\uc5b4 URL\uc744 \ud1b5\ud574 \uc9c0\ub3c4\ub97c \uac00\uc838\uc640 \ud65c\uc6a9\ud560 \uc218 \uc788\ub294 \uacbd\uc6b0\uac00 \uc788\ub2e4. \uc774\uc5d0 \ub300\ud55c \uc694\uad6c \uc0ac\ud56d\uc73c\ub85c \uc6f9 GIS \uc5d4\uc9c4\uc778 FignerEyes-Xr\uc5d0\uc11c \uce74\uce74\uc624\ub9f5\uc758 \uc9c0\ub3c4\ub97c URL\ub85c \uac00\uc838\uc640 \ud45c\uc2dc\ud558\ub294 \uc608\uc81c\ub97c \uc815\ub9ac\ud55c\ub2e4. \uba3c\uc800 \ud544\uc694\ud55c DOM … <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/www.gisdeveloper.co.kr\/?p=7064\" class=\"more-link\">\ub354 \ubcf4\uae30<span class=\"screen-reader-text\"> “FingerEyes-Xr\uc5d0\uc11c \uce74\uce74\uc624\ub9f5 \ud45c\uc2dc”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[70],"tags":[],"class_list":["post-7064","post","type-post","status-publish","format-standard","hentry","category-fingereyes-xr"],"_links":{"self":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/7064","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7064"}],"version-history":[{"count":10,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/7064\/revisions"}],"predecessor-version":[{"id":9407,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/7064\/revisions\/9407"}],"wp:attachment":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7064"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=7064"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=7064"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}