{"id":5229,"date":"2018-05-27T22:51:13","date_gmt":"2018-05-27T13:51:13","guid":{"rendered":"http:\/\/www.gisdeveloper.co.kr\/?p=5229"},"modified":"2020-05-28T13:51:59","modified_gmt":"2020-05-28T04:51:59","slug":"fingereyes-xr-%ea%b3%b5%ea%b0%84-%eb%8d%b0%ec%9d%b4%ed%84%b0%ec%97%90-%eb%8c%80%ed%95%9c-custom-draw-%ec%82%ac%ec%9a%a9%ec%9e%90-%ec%a0%95%ec%9d%98-%ea%b7%b8%eb%a6%ac%ea%b8%b0","status":"publish","type":"post","link":"http:\/\/www.gisdeveloper.co.kr\/?p=5229","title":{"rendered":"FingerEyes-Xr, \uacf5\uac04 \ub370\uc774\ud130\uc5d0 \ub300\ud55c Custom Draw (\uc0ac\uc6a9\uc790 \uc815\uc758 \uadf8\ub9ac\uae30)"},"content":{"rendered":"<p>\uacf5\uac04 \ub370\uc774\ud130\ub294 \uc704\uce58 \ub370\uc774\ud130\uc640 \uc18d\uc131 \ub370\uc774\ud130\uc758 \uc870\ud569\uc785\ub2c8\ub2e4. \ub2e8\uc21c\ud788 \uacf5\uac04 \ub370\uc774\ud130\ub97c \uc77c\uad04\uc801\uc73c\ub85c \uc6d0\ud558\ub294 \uc0c9\uc0c1\uc774\ub098, \uc544\uc774\ucf58 \ub4f1\uc73c\ub85c \ud45c\ud604\ud560 \uc218 \uc788\uc9c0\ub9cc \uac01\uac01\uc758 \uacf5\uac04 \ub370\uc774\ud130\uc5d0 \ub300\ud55c \uc18d\uc131 \ub370\uc774\ud130\ub97c \ud65c\uc6a9\ud558\uc5ec \ub2e4\uc591\ud55c \ud615\ud0dc\ub85c \uadf8\ub9ac\uace0\uc790 \ud560 \ub54c\uac00 \uc788\uc2b5\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4 \uc544\ub798\uc640 \uac19\uc740 \uacf5\uac04 \ub370\uc774\ud130 \ud14c\uc774\ube14\uc774 \uc788\ub2e4\uace0 \ud569\uc2dc\ub2e4.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.gisdeveloper.co.kr\/wp-content\/uploads\/2018\/05\/geohashtag_table.png\" alt=\"\" width=\"373\" height=\"193\" class=\"aligncenter size-full wp-image-5230\" \/><\/p>\n<p>\uc704\uc758 \ud14c\uc774\ube14\uc5d0\uc11c images\ub294 \uc11c\ubc84 \uce21\uc5d0 \uc800\uc7a5\ub41c \uc774\ubbf8\uc9c0 \ud30c\uc77c\uba85\uc5d0 \ub300\ud55c \ub9ac\uc2a4\ud2b8\uc774\uace0, tags\ub294 \uc774\ubbf8\uc9c0\uc5d0 \ub300\ud55c \ud574\uc2dc\ud0dc\uadf8 \uc131\uaca9\uc758 \uac12\uc785\ub2c8\ub2e4. \uadf8\ub9ac\uace0 the_geom\uc740 \uc88c\ud45c \ub370\uc774\ud130\uc785\ub2c8\ub2e4. \uc774 3\uac1c\uc758 \uac12\uc744 \uc774\uc6a9\ud574 \ud2b9\uc815 \uc704\uce58\uc5d0 \uc774\ubbf8\uc9c0\uc640 \ud574\uc2dc\ud0dc\uadf8\ub97c \ud45c\ud604\ud558\uace0\uc790 \ud560 \ub54c, \ud074\ub77c\uc774\uc5b8\ud2b8 GIS \uc5d4\uc9c4\uc778 FingerEyes-Xr\uc758 \uc5b4\ub5a4 API\ub97c \ud65c\uc6a9\ud574 \uad6c\ud604\ud560 \uc218 \uc788\ub294\uc9c0 \uc815\ub9ac\ud574 \ubd05\ub2c8\ub2e4. \uba3c\uc800 \uc544\ub798\ub294 \uc704\uc758 3\uac1c\uc758 \uc18d\uc131\uac12\uc744 \uc774\uc6a9\ud574 \uc2e4\uc81c\ub85c \uad6c\ud604\ub41c \uacb0\uacfc\uc5d0 \ub300\ud55c \ud654\uba74\uc785\ub2c8\ub2e4.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.gisdeveloper.co.kr\/wp-content\/uploads\/2018\/05\/geohash_tag_images.png\" alt=\"\" width=\"853\" height=\"1085\" class=\"aligncenter size-full wp-image-5232\" \/><\/p>\n<p>FingerEyes-Xr\uc5d0\uc11c\ub294 \uacf5\uac04 \ub370\uc774\ud130\ub97c \uadf8\ub9b4 \ub54c, \ud2b9\ud788 \ud3ec\uc778\ud2b8 \ub370\uc774\ud130\uc5d0 \ub300\ud574\uc11c \ub2e4\uc74c\ucc98\ub7fc \ud45c\ud604\ud558\uace0\uc790 \ud558\ub294 \ub9c8\ucee4 \uc2ec\ubc8c\uc744 \uc9c0\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\">\r\nvar customSym = new GeoHashTagMarkerSymbol();\r\nlayer.theme().markerSymbol(customSym);\r\n<\/pre>\n<p>\uc989, \uacf5\uac04 \ub370\uc774\ud130\ub97c \uadf8\ub9ac\ub294 \ubc29\uc2dd\uc744 \uc9c0\uc815\ud558\ub294 GeoHashTagMarkerSymbol \ud074\ub798\uc2a4\ub97c \uc815\uc758\ud574 \uc0dd\uc131\ud55c \ud6c4, \uacf5\uac04 \ub370\uc774\ud130\uc5d0 \ub300\ud55c \ub808\uc774\uc5b4\uc758 Theme\uc5d0 \ub300\ud574 MarkerSymbol\ub85c\uc368 \uc9c0\uc815\ud558\uba74 \ub429\ub2c8\ub2e4. \ubc14\ub85c \uc774 GeoHashTagMarkerSymbol\uc758 Javascript\uc758 \uad6c\ud604\uc740 \uc544\ub798\uc640 \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\">\r\nGeoHashTagMarkerSymbol = Xr.Class({\r\n    requires: [Xr.symbol.IMarkerSymbol],\r\n\r\n    construct: function () { },\r\n\r\n    methods: {\r\n        \/* SVG Element *\/ create: function (\/* PointD *\/ point, \r\n            \/* AttributeRow *\/ attrRow, \/* CoordMapper *\/ coordMapper) { \r\n            var vp = coordMapper.W2V(point);\r\n            var vpx = vp.x, vpy = vp.y;\r\n\r\n            var tags = attrRow.valueAsString(0); \/\/ tags \ud544\ub4dc\uc758 \uac12\r\n            var imageFile = attrRow.valueAsString(1); \/\/ images \ud544\ub4dc\uc758 \uac12\r\n            var w = this.wSize(), h = this.hSize();\r\n            var g = document.createElementNS(xmlns, \"g\");\r\n\r\n            var image = document.createElementNS(xmlns, \"image\");\r\n            image.setAttribute(\"x\", vpx - w \/ 2);\r\n            image.setAttribute(\"y\", vpy - w \/ 2);\r\n            image.setAttribute(\"width\", w);\r\n            image.setAttribute(\"height\", w);\r\n            image.setAttributeNS(\"http:\/\/www.w3.org\/1999\/xlink\", \"href\", imageFile);\r\n\r\n            g.appendChild(image);\r\n\r\n            var textStroke = document.createElementNS(xmlns, \"text\");\r\n            textStroke.setAttribute(\"x\", vpx);\r\n            textStroke.setAttribute(\"y\", vpy + h \/ 2 - 6);\r\n            textStroke.setAttribute(\"text-anchor\", \"middle\");\r\n            textStroke.setAttribute(\"stroke\", \"black\");\r\n            textStroke.textContent = tags;\r\n            g.appendChild(textStroke);\r\n\r\n            return g;\r\n        },\r\n\r\n        \/* number *\/ wSize: function () { \r\n            return this._width;\r\n        },\r\n\r\n        \/* number *\/ hSize: function () {\r\n            return this._height;\r\n        },\r\n    }\r\n});\r\n<\/pre>\n<p>2\ubc88 \ucf54\ub4dc\uc5d0\uc11c\ucc98\ub7fc Xr.symbol.IMarkerSymbol \uc778\ud130\ud398\uc774\uc2a4\ub97c \uad6c\ud604\ud558\uaca0\ub2e4\uace0 \uba85\uc2dc\ud558\uace0, 4\ubc88 \ucf54\ub4dc\uc758 \uc0dd\uc131\uc790\uc5d0\uc11c \ud544\uc694\ub85c \uac12\uc744 \ubbf8\ub9ac \uc815\uc758\ud574 \ub450\uba70, 10\ubc88 \ucf54\ub4dc\uc758 create\uc5d0\uc11c \uc9c0\ub3c4 \uc0c1\uc5d0 \ud45c\ud604\ud560 SVG \uc694\uc18c\ub97c \uc0dd\uc131\ud574 \ubc18\ud658\ud569\ub2c8\ub2e4. 40\ubc88\uacfc 44\ubc88 \ucf54\ub4dc\uc758 wSize, hSize \ud568\uc218\ub97c \ud1b5\ud574 \uc2ec\ubc8c\uc758 \ud06c\uae30\ub97c \uc815\ud558\uac8c \ub429\ub2c8\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uacf5\uac04 \ub370\uc774\ud130\ub294 \uc704\uce58 \ub370\uc774\ud130\uc640 \uc18d\uc131 \ub370\uc774\ud130\uc758 \uc870\ud569\uc785\ub2c8\ub2e4. \ub2e8\uc21c\ud788 \uacf5\uac04 \ub370\uc774\ud130\ub97c \uc77c\uad04\uc801\uc73c\ub85c \uc6d0\ud558\ub294 \uc0c9\uc0c1\uc774\ub098, \uc544\uc774\ucf58 \ub4f1\uc73c\ub85c \ud45c\ud604\ud560 \uc218 \uc788\uc9c0\ub9cc \uac01\uac01\uc758 \uacf5\uac04 \ub370\uc774\ud130\uc5d0 \ub300\ud55c \uc18d\uc131 \ub370\uc774\ud130\ub97c \ud65c\uc6a9\ud558\uc5ec \ub2e4\uc591\ud55c \ud615\ud0dc\ub85c \uadf8\ub9ac\uace0\uc790 \ud560 \ub54c\uac00 \uc788\uc2b5\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4 \uc544\ub798\uc640 \uac19\uc740 \uacf5\uac04 \ub370\uc774\ud130 \ud14c\uc774\ube14\uc774 \uc788\ub2e4\uace0 \ud569\uc2dc\ub2e4. \uc704\uc758 \ud14c\uc774\ube14\uc5d0\uc11c images\ub294 \uc11c\ubc84 \uce21\uc5d0 \uc800\uc7a5\ub41c \uc774\ubbf8\uc9c0 \ud30c\uc77c\uba85\uc5d0 \ub300\ud55c \ub9ac\uc2a4\ud2b8\uc774\uace0, tags\ub294 \uc774\ubbf8\uc9c0\uc5d0 \ub300\ud55c \ud574\uc2dc\ud0dc\uadf8 \uc131\uaca9\uc758 &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/www.gisdeveloper.co.kr\/?p=5229\" class=\"more-link\">\ub354 \ubcf4\uae30<span class=\"screen-reader-text\"> &#8220;FingerEyes-Xr, \uacf5\uac04 \ub370\uc774\ud130\uc5d0 \ub300\ud55c Custom Draw (\uc0ac\uc6a9\uc790 \uc815\uc758 \uadf8\ub9ac\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-5229","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\/5229","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=5229"}],"version-history":[{"count":7,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/5229\/revisions"}],"predecessor-version":[{"id":9602,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/5229\/revisions\/9602"}],"wp:attachment":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5229"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5229"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}