{"id":5107,"date":"2018-03-19T13:45:34","date_gmt":"2018-03-19T04:45:34","guid":{"rendered":"http:\/\/www.gisdeveloper.co.kr\/?p=5107"},"modified":"2020-05-28T14:05:12","modified_gmt":"2020-05-28T05:05:12","slug":"fingereyes-xr%ec%97%90%ec%84%9c-%ec%97%ac%eb%9f%ac-%ea%b0%9c%ec%9d%98-%ec%86%8d%ec%84%b1%ea%b0%92-%ed%95%a9%ec%b3%90-%eb%9d%bc%eb%b2%a8-%ed%91%9c%ec%8b%9c%ed%95%98%ea%b8%b0","status":"publish","type":"post","link":"http:\/\/www.gisdeveloper.co.kr\/?p=5107","title":{"rendered":"FingerEyes-Xr\uc5d0\uc11c \uc5ec\ub7ec \uac1c\uc758 \uc18d\uc131\uac12 \ud569\uccd0 \ub77c\ubca8 \ud45c\uc2dc\ud558\uae30"},"content":{"rendered":"

FingerEyes-Xr\uc5d0\uc11c \uc218\uce58\uc9c0\ub3c4\uc5d0 \ub300\ud55c \ub77c\ubca8\uc744 \ud45c\uc2dc\ud560 \ub54c, \uc77c\ubc18\uc801\uc73c\ub85c \ud558\ub098\uc758 \ud544\ub4dc\uba85\uc744 \uc9c0\uc815\ud574 \uc9c0\uc815\ub41c \ud544\ub4dc\uac12\uc744 \ub77c\ubca8\ub85c \ud45c\uc2dc\ud569\ub2c8\ub2e4. \uc544\ub798\ub294 \uc5b4\ub5a4 \uc218\uce58\uc9c0\ub3c4\uc758 first_nv_n \ud544\ub4dc\ub97c \ub77c\ubca8\ub85c \uc9c0\uc815\ud574 \uc9c0\ub3c4\ub97c \ud45c\uc2dc\ud558\ub294 \ucf54\ub4dc(\ucf54\ub4dcA)\uc758 \uc608\uc785\ub2c8\ub2e4.<\/p>\n

\r\n<!DOCTYPE html>\r\n<html>\r\n<head>\r\n    <meta charset=\"utf-8\" \/>\r\n\r\n    <style>\r\n        body {\r\n            margin: 0px;\r\n            padding: 0px;\r\n        }\r\n\r\n        #map {\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            outline: none;\r\n        }\r\n    <\/style>\r\n\r\n    <script src=\"..\/..\/scripts\/fingereyes-xr\/Xr.js\"><\/script>\r\n\r\n    <script>\r\n        var map = null;\r\n\r\n        function onLoad() {\r\n            map = new Xr.Map(\"map\", {});\r\n\r\n            var lyr = new Xr.layers.ShapeMapLayer(\"lyr\",\r\n                {\r\n                    url: \"http:\/\/168.192.76.10:8080\/Xr?layerName=li_a@test\"\r\n                }\r\n            );\r\n            \r\n            var theme = lyr.theme();\r\n            theme.penSymbol().color(\"black\").width(4);\r\n            theme.brushSymbol().color(\"lightgray\");\r\n\r\n            \/\/ Label Setting\r\n            var label = lyr.label();\r\n\r\n            label.enable(true);\r\n            label.formatter().fieldName(\"first_nv_n\");\r\n            label.theme().symbol().size(40).strokeWidth(5);\r\n            \/\/ .\r\n\r\n\r\n            var lm = map.layers();\r\n            lm.add(lyr);\r\n\r\n            map.onLayersAllReady(onLayersReady);\r\n            window.addEventListener(\"resize\", onResize);\r\n        }\r\n\r\n        var bFinishResizing = true;\r\n\r\n        function onResize() {\r\n            if (bFinishResizing) {\r\n                bFinishResizing = false;\r\n\r\n                setTimeout(function () {\r\n                    var newWidth = window.innerWidth;\r\n                    var newHeight = window.innerHeight;\r\n\r\n                    map.resize(newWidth, newHeight);\r\n                    map.update();\r\n\r\n                    bFinishResizing = true;\r\n                }, 500);                \r\n            }\r\n        }\r\n\r\n        function onLayersReady() {\r\n            var cm = map.coordMapper();\r\n            var lyr = map.layers(\"lyr\");\r\n            var mbr = lyr.MBR();\r\n\r\n            cm.zoomByMBR(mbr);\r\n\r\n            map.update();\r\n        }\r\n    <\/script>\r\n\r\n    <title><\/title>\r\n<\/head>\r\n\r\n<body onload=\"onLoad()\">\r\n    <div id=\"map\" \/>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n
\uc704\uc758 \ucf54\ub4dc\ub97c \uc2e4\ud589\ud558\uba74 \uc544\ub798\uc758 \uacb0\uacfc\ub97c \ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
\"\"<\/p>\n
\uc704\ucc98\ub7fc \ub2e8\uc21c\ud788 \ud558\ub098\uc758 \ud544\ub4dc\uac00 \uc544\ub2cc \uc5ec\ub7ec \uac1c\uc758 \ud544\ub4dc \uac12\uc744 \uc870\ud569\ud558\uc5ec \ub77c\ubca8\ub85c \ud45c\uc2dc\ud558\uace0\uc790 \ud560\ub54c\uac00 \uc788\uc2b5\ub2c8\ub2e4. \uc544\ub798\uc758 \ud654\uba74\uc740 first_nv_n\uc640 sum_ho_res\uc5d0 \ub300\ud55c 2\uac1c\uc758 \ud544\ub4dc\uac12\uc744 \uc870\ud569\ud558\uc5ec \ub77c\ubca8\uc744 \ud45c\uc2dc\ud558\uace0 \uc788\ub294 \uc608\uc785\ub2c8\ub2e4.<\/p>\n
\"\"<\/p>\n
\uc704\uc758 \ud654\uba74\uc744 \ubcf4\uba74 \uc9c0\uc5ed\uc5d0 \ub300\ud55c \uba85\uce6d(first_nv_n)\uacfc \ud574\ub2f9 \uc9c0\uc5ed\uc758 \uc778\uad6c\uc218(sum_ho_res)\ub97c \ub2e8\uc704\uc640 \ud568\uaed8 \ud45c\uc2dc\ud558\uace0 \uc788\ub294\ub370\uc694. \uc774\ub97c \uc704\ud574 \ub2e4\uc74c\uacfc \uac19\uc740 \uc0ac\uc6a9\uc790 \uc815\uc758 \ud074\ub798\uc2a4 \ucf54\ub4dc\uac00 \ud544\uc694\ud569\ub2c8\ub2e4.<\/p>\n
\r\nCustomLabelFormatter = Xr.Class({\r\n    name: \"CustomLabelFormatter\",\r\n    extend: Xr.label.ProgrammableLabelFormatter,\r\n    requires: [Xr.label.ILabelFormatter],\r\n\r\n    construct: function (layer) {\r\n        this.superclass(layer);\r\n        this._idx_first_nv_n = -1;\r\n        this._idx_sum_ho_res = -1;\r\n    },\r\n\r\n    methods: {\r\n        value: function (shapeRow, fieldSet, attributeRow) {\r\n            if (this._idx_first_nv_n == -1) {\r\n                this._idx_first_nv_n = fieldSet.fieldIndex(\"first_nv_n\");\r\n            }\r\n\r\n            if (this._idx_sum_ho_res == -1) {\r\n                this._idx_sum_ho_res = fieldSet.fieldIndex(\"sum_ho_res\");\r\n            }\r\n\r\n            var first_nv_n = attributeRow.valueAsString(this._idx_first_nv_n);\r\n            var sum_ho_res = attributeRow.valueAsString(this._idx_sum_ho_res);\r\n\r\n            return first_nv_n + \"(\" + sum_ho_res + \"\uba85)\";\r\n        }\r\n    }\r\n});\r\n<\/pre>\n
\uc704\uc758 \ud074\ub798\uc2a4\ub294 \ub77c\ubca8\uc5d0 \ub300\ud55c \ud615\uc2dd\uc744 \uc9c0\uc815\ud560 \uc218 \uc788\ub294 \uae30\ub2a5\uc744 \uac16\uace0 \uc788\uc73c\uba70, \uc774\ucc98\ub7fc \ub77c\ubca8\uc758 \ud615\uc2dd\uc744 \uc9c0\uc815\ud558\uae30 \uc704\ud55c \uae30\ub2a5\uc744 \uac16\ub294 \ud074\ub798\uc2a4\ub294 Xr.label.ProgrammableLabelFormatter \ud074\ub798\uc2a4\ub97c \uc0c1\uc18d\ubc1b\uace0 Xr.label.ILabelFormatter \uc778\ud130\ud398\uc774\uc2a4\ub97c \uad6c\ud604\ud574\uc57c \ud569\ub2c8\ub2e4. \uc774 \ud074\ub798\uc2a4\uc5d0\uc11c \uc2e4\uc81c \ub77c\ubca8\uc758 \uac12\uc5d0 \ub300\ud55c \ubb38\uc790\uac12\uc744 \ubc18\ud658\ud574 \uc8fc\ub294 \ud568\uc218\ub294 value\uc778\ub370\uc694. \uc774 \ud568\uc218\ub97c \uc0b4\ud3b4\ubcf4\uba74, \uc18d\ub3c4 \ud5a5\uc0c1\uc744 \uc704\ud574 \uc0ac\uc6a9\ud560 \ud544\ub4dc\uc758 \uc778\ub371\uc2a4 \uac12\uc744 \ubbf8\ub9ac \uc800\uc7a5\ud574 \ub450\uace0 \uc2e4\uc81c \ud544\ub4dc\uc758 \uac12\uc744 \uc5bb\uc5b4\uc640 \uc6d0\ud558\ub294 \ud615\ud0dc\ub85c \ubb38\uc790\uac12\uc744 \uad6c\uc131\ud574 \ubc18\ud658\ud574 \uc8fc\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uc774\uc81c \uc774 \ud074\ub798\uc2a4\ub97c \uc0ac\uc6a9\ud558\uae30 \uc704\ud574 \ucf54\ub4dcA\uc758 45\ubc88 \ucf54\ub4dc\ub97c \ub2e4\uc74c \ucf54\ub4dc\ub85c \ub300\uccb4\ud574\uc8fc\uba74 \ub429\ub2c8\ub2e4.<\/p>\n
\r\nvar formatter = new CustomLabelFormatter(lyr);\r\nlabel.formatter(formatter);\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"
FingerEyes-Xr\uc5d0\uc11c \uc218\uce58\uc9c0\ub3c4\uc5d0 \ub300\ud55c \ub77c\ubca8\uc744 \ud45c\uc2dc\ud560 \ub54c, \uc77c\ubc18\uc801\uc73c\ub85c \ud558\ub098\uc758 \ud544\ub4dc\uba85\uc744 \uc9c0\uc815\ud574 \uc9c0\uc815\ub41c \ud544\ub4dc\uac12\uc744 \ub77c\ubca8\ub85c \ud45c\uc2dc\ud569\ub2c8\ub2e4. \uc544\ub798\ub294 \uc5b4\ub5a4 \uc218\uce58\uc9c0\ub3c4\uc758 first_nv_n \ud544\ub4dc\ub97c \ub77c\ubca8\ub85c \uc9c0\uc815\ud574 \uc9c0\ub3c4\ub97c \ud45c\uc2dc\ud558\ub294 \ucf54\ub4dc(\ucf54\ub4dcA)\uc758 \uc608\uc785\ub2c8\ub2e4. <!DOCTYPE html> <html> <head> <meta charset=”utf-8″ \/> <style> body { margin: 0px; padding: 0px; } #map { top: 0px; left: 0px; position: absolute; width: 100%; height: 100%; border: none; outline: … <\/p>\n
\ub354 \ubcf4\uae30 “FingerEyes-Xr\uc5d0\uc11c \uc5ec\ub7ec \uac1c\uc758 \uc18d\uc131\uac12 \ud569\uccd0 \ub77c\ubca8 \ud45c\uc2dc\ud558\uae30”<\/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-5107","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\/5107","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=5107"}],"version-history":[{"count":6,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/5107\/revisions"}],"predecessor-version":[{"id":9622,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/5107\/revisions\/9622"}],"wp:attachment":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5107"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5107"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}