{"id":2428,"date":"2016-08-01T12:32:36","date_gmt":"2016-08-01T12:32:36","guid":{"rendered":"http:\/\/www.gisdeveloper.co.kr\/?p=2428"},"modified":"2017-01-26T21:40:29","modified_gmt":"2017-01-26T12:40:29","slug":"fingereyes-xr-for-html5-%ec%97%ac%eb%9f%ac-%ea%b0%9c%ec%9d%98-%ed%95%84%eb%93%9c%ea%b0%92%ec%9c%bc%eb%a1%9c-%eb%9d%bc%eb%b2%a8-%eb%ac%b8%ec%9e%90%ec%97%b4-%ed%91%9c%ec%8b%9c%ed%95%98%ea%b8%b0","status":"publish","type":"post","link":"http:\/\/www.gisdeveloper.co.kr\/?p=2428","title":{"rendered":"[FingerEyes-Xr for HTML5] \uc5ec\ub7ec \uac1c\uc758 \ud544\ub4dc \uac12\uc73c\ub85c \ub77c\ubca8 \ubb38\uc790\uc5f4 \ud45c\uc2dc\ud558\uae30"},"content":{"rendered":"<p>\uc608\ub97c \ub4e4\uc5b4, \ud544\ub4dc \uc774\ub984\uc774 fieldNm1\uacfc fieldNm2\uc778 2\uac1c\uc758 \ud544\ub4dc\uac12\uc744 \uc870\ud569\ud558\uc5ec \ub77c\ubca8\ub85c \ud45c\uc2dc \ud558\uace0\uc790\ud560\ub54c\uc5d0 \ud574\ub2f9 \ub808\uc774\uc5b4\uc758 \ub77c\ubca8\uc758 \ud3ec\ub9f7\ud130(Formatter)\uc5d0 Custom Formatter\ub97c \ub9cc\ub4e4\uc5b4 \uc9c0\uc815\ud574 \uc8fc\uba74 \ub429\ub2c8\ub2e4. \uc544\ub798\uc758 \ucf54\ub4dc\ub294 \uc218\uce58\uc9c0\ub3c4 \ub808\uc774\uc5b4\uc5d0 \uc0ac\uc6a9\uc790 \uc815\uc758 \ud3ec\ub9f7\ud130\ub97c \uc9c0\uc815\ud55c \ucf54\ub4dc \uc608\uc785\ub2c8\ub2e4.<\/p>\n<pre>var lyr = lm.layer('layerNm'); \/\/ \uc774\ub984\uc774 layerNm\uc778 \ub808\uc774\uc5b4\uc5d0 \ub300\ud574\uc11c ...\r\nif (lyr) {\r\n    var label = lyr.label();\r\n\r\n    label.enable(true); \/\/.offsetY(20);\r\n    label.visibility().visibleByScale(true).fromScale(0).toScale(3000);\r\n\r\n    \/\/ \uc0ac\uc6a9\uc790 \uc815\uc758 \ud3ec\ub9f7\ud130 \ud074\ub798\uc2a4 \uc815\uc758\r\n    CustomLabelFormatter = Xr.Class({\r\n        name: 'CustomLabelFormatter',\r\n        extend: Xr.label.ProgrammableLabelFormatter,\r\n        requires: [Xr.label.ILabelFormatter],\r\n\r\n        construct: function (\/* ShapeMapLayer *\/ layer) {\r\n            this.superclass(layer);\r\n            this._fieldIndex1 = -1;\r\n            this._fieldIndex2 = -1;\r\n        },\r\n\r\n        methods: {\r\n            \/* string *\/ value: function (\/* ShapeRow *\/ shapeRow,\r\n                    \/* FieldSet *\/ fieldSet, \/* AttributeRow *\/ attributeRow) {\r\n                if (this._fieldIndex1 == -1) {\r\n                    this._fieldIndex1 = fieldSet.fieldIndex('fieldNm1');\r\n                }\r\n\r\n                if (this._fieldIndex2 == -1) {\r\n                    this._fieldIndex2 = fieldSet.fieldIndex('fieldNm2');\r\n                }\r\n\r\n                var value1 = attributeRow.valueAsString(this._fieldIndex1);\r\n                var value2 = attributeRow.valueAsString(this._fieldIndex2);\r\n\r\n                return value1 + '(' + value2 + 'kW)';\r\n            }\r\n        }\r\n    });\r\n\r\n    var formatter = new CustomLabelFormatter(lyr);\r\n    label.formatter(formatter);\r\n\r\n    var labelTheme = label.theme();\r\n    labelTheme.symbol().strokeColor('#ffffff').strokeWidth(3).size(10)\r\n        .fontFamily('\ub9d1\uc740 \uace0\ub515').color('#0000ff').weight('600');\r\n}\r\n<\/pre>\n<p>\uc704\uc758 \uacbd\uc6b0 fieldNm1 \ud544\ub4dc\uac12\uc774 &#8216;\uc544\uad81\uc774&#8217;\uc774\uace0 fieldNm2 \ud544\ub4dc\uac12\uc774 &#8216;1000&#8217;\uc77c \uacbd\uc6b0, &#8216;\uc544\uad81\uc774(1000kW)&#8217;\uc758 \ubb38\uc790\uc5f4\ub85c \ub77c\ubca8\uc774 \ud45c\uc2dc\ub41c\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uc608\ub97c \ub4e4\uc5b4, \ud544\ub4dc \uc774\ub984\uc774 fieldNm1\uacfc fieldNm2\uc778 2\uac1c\uc758 \ud544\ub4dc\uac12\uc744 \uc870\ud569\ud558\uc5ec \ub77c\ubca8\ub85c \ud45c\uc2dc \ud558\uace0\uc790\ud560\ub54c\uc5d0 \ud574\ub2f9 \ub808\uc774\uc5b4\uc758 \ub77c\ubca8\uc758 \ud3ec\ub9f7\ud130(Formatter)\uc5d0 Custom Formatter\ub97c \ub9cc\ub4e4\uc5b4 \uc9c0\uc815\ud574 \uc8fc\uba74 \ub429\ub2c8\ub2e4. \uc544\ub798\uc758 \ucf54\ub4dc\ub294 \uc218\uce58\uc9c0\ub3c4 \ub808\uc774\uc5b4\uc5d0 \uc0ac\uc6a9\uc790 \uc815\uc758 \ud3ec\ub9f7\ud130\ub97c \uc9c0\uc815\ud55c \ucf54\ub4dc \uc608\uc785\ub2c8\ub2e4. var lyr = lm.layer(&#8216;layerNm&#8217;); \/\/ \uc774\ub984\uc774 layerNm\uc778 \ub808\uc774\uc5b4\uc5d0 \ub300\ud574\uc11c &#8230; if (lyr) { var label = lyr.label(); label.enable(true); \/\/.offsetY(20); label.visibility().visibleByScale(true).fromScale(0).toScale(3000); \/\/ \uc0ac\uc6a9\uc790 \uc815\uc758 &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/www.gisdeveloper.co.kr\/?p=2428\" class=\"more-link\">\ub354 \ubcf4\uae30<span class=\"screen-reader-text\"> &#8220;[FingerEyes-Xr for HTML5] \uc5ec\ub7ec \uac1c\uc758 \ud544\ub4dc \uac12\uc73c\ub85c \ub77c\ubca8 \ubb38\uc790\uc5f4 \ud45c\uc2dc\ud558\uae30&#8221;<\/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-2428","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\/2428","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=2428"}],"version-history":[{"count":1,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/2428\/revisions"}],"predecessor-version":[{"id":2646,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/2428\/revisions\/2646"}],"wp:attachment":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2428"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2428"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2428"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}