{"id":9222,"date":"2020-05-10T11:03:50","date_gmt":"2020-05-10T02:03:50","guid":{"rendered":"http:\/\/www.gisdeveloper.co.kr\/?p=9222"},"modified":"2020-05-28T09:29:38","modified_gmt":"2020-05-28T00:29:38","slug":"nailnumbergraphicrow-%ec%82%ac%ec%9a%a9-api-%ec%a0%95%eb%a6%ac","status":"publish","type":"post","link":"http:\/\/www.gisdeveloper.co.kr\/?p=9222","title":{"rendered":"NailNumberGraphicRow \uc0ac\uc6a9 API \uc815\ub9ac"},"content":{"rendered":"<p>\uc9c0\ub3c4 \uac1d\uccb4\uac00 map\uc774\ub77c\uace0 \ud560\ub54c, \uba3c\uc800 chart\ub77c\ub294 \uc774\ub984\uc758 \uadf8\ub798\ud53d \uc694\uc18c\ub97c \ucd94\uac00\ud568.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\">\r\nmap.layers().remove(\"chart\");\r\nlet gl = new Xr.layers.GraphicLayer(\"chart\");\r\nmap.layers().add(gl);\r\n<\/pre>\n<p>\uadf8\ub798\ud53d \uc694\uc18c\uac00 \ud45c\uc2dc\ub418\ub294 \uc911\uc2ec \uc88c\ud45c\ub97c \uc7a1\uae30 \uc704\ud574 \ucc38\uc870\ub418\ub294 ShapeLayer\uac00 &#8216;shpLyr&#8217;\uc774\ub77c\uace0 \ud560\ub54c, \ud544\uc694\ud55c \ubcc0\uc218\ub4e4\uc744 \uc900\ube44\ud568.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\">\r\nlet graphicRows = gl.rowSet();\r\nlet lyr = map.layers(\"shpLyr\");\r\nlet rows = lyr.shapeRowSet().rows();\r\nlet ars = lyr.attributeRowSet();\r\n<\/pre>\n<p>\ud1b5\uacc4 \ub370\uc774\ud130\uac00 \uc800\uc7a5\ub41c \uac1d\uccb4\ub97c \uc900\ube44\ud568. \uc774 \uac1d\uccb4\ub294 \ub124\ud2b8\uc6cc\ud06c\ub97c \ud1b5\ud574 \ubc1b\uc740 \ub370\uc774\ud130\ub85c \uad6c\uc131\ub418\ub294 \uac83\uc774 \uc77c\ubc18\uc801\uc784.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\">\r\nlet tables = {\r\n    \"description\": \"\uc11c\uc6b8\uc2dc \uad6c\ubcc4 \ucf54\ub85c\ub098\ud655\uc9c4\uc790 \uc218 2020\ub144 5\uc6d4 18\uc77c 10\uc2dc \uae30\uc900\",\r\n    \"\uac15\ub0a8\uad6c\": 71, \"\uac15\ub3d9\uad6c\": 19, \"\uac15\ubd81\uad6c\": 8, \"\uac15\ucc9c\uad6c\": 31, \"\uad00\uc545\uad6c\": 53,\r\n    \"\uad11\uc9c4\uad6c\": 12, \"\uad6c\ub85c\uad6c\": 35, \"\uae08\ucc9c\uad6c\": 13, \"\ub178\uc6d0\uad6c\": 27, \"\ub3c4\ubd09\uad6c\": 14,\r\n    \"\ub3d9\ub300\ubb38\uad6c\": 34, \"\ub3d9\uc791\uad6c\": 37, \"\ub9c8\ud3ec\uad6c\": 24, \"\uc11c\ub300\ubb38\uad6c\": 22, \"\uc11c\ucd08\uad6c\": 40,\r\n    \"\uc131\ub3d9\uad6c\": 22, \"\uc131\ubd81\uad6c\": 27, \"\uc1a1\ud30c\uad6c\": 44, \"\uc591\ucc9c\uad6c\": 23, \"\uc601\ub4f1\ud3ec\uad6c\": 27,\r\n    \"\uc6a9\uc0b0\uad6c\": 34, \"\uc740\ud3c9\uad6c\": 30, \"\uc885\ub85c\uad6c\": 18, \"\uc911\uad6c\": 8, \"\uc911\ub791\uad6c\": 17\r\n};\r\n<\/pre>\n<p>\uc774\uc81c \uad6c\uc131\ud560 \ub370\uc774\ud130\uc758 \uc218\ub9cc\ud07c NailNumberGraphicRow \uadf8\ub798\ud53d \uc694\uc18c\uc640 1:1\ub85c \ud544\uc694\ud55c NailNumberShapeData\ub97c \uc0dd\uc11c\ud558\uc5ec \uadf8\ub798\ud53d \ub808\uc774\uc5b4\uc5d0 \ucd94\uac00\ud568.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\">\r\nfor (var fid in rows) {\r\n    let aRow = ars.row(fid);\r\n    let sRow = rows[fid];\r\n    let pt = sRow.shapeData().representativePoint();\r\n    let title = aRow.valueAsString(0).trim();\r\n    let value = tables[title];\r\n    let nnsd = new Xr.data.NailNumberShapeData({\r\n        pos: [pt.x, pt.y],\r\n        outbox_size: [55, 55],\r\n        inbox_size: [42, 25],\r\n        title: title,\r\n        value: value,\r\n        title_offset_y: 1,\r\n        value_offset_y: 2\r\n    });\r\n\r\n    let nngr = new Xr.data.NailNumberGraphicRow(fid, nnsd);\r\n    graphicRows.add(nngr);\r\n}\r\n<\/pre>\n<p>\uadf8\ub798\ud53d \uc694\uc18c\ub4e4\uc758 \uad6c\uc131\uc774 \uc644\ub8cc\ub418\uba74 \uc2e4\uc81c \ud654\uba74\uc758 \ud45c\uc2dc\ub418\ub3c4\ub85d \uc544\ub798\uc758 \ucf54\ub4dc\ub97c \ud638\ucd9c\ud568.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\">\r\ngl.refresh();\r\n<\/pre>\n<p>\uacb0\uacfc\ub294 \uc544\ub798\uc640 \uac19\uc74c.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.gisdeveloper.co.kr\/wp-content\/uploads\/2020\/05\/thumbThematicMap1.png\" alt=\"\" width=\"1348\" height=\"1112\" class=\"aligncenter size-full wp-image-9225\" \/><\/p>\n<p>\ub2e4\uc18c \ubc0b\ubc0b\ud55c \ud45c\ud604\uc778\ub370, \uc774\ub97c \uac12\uc5d0 \ub530\ub77c \uc0c9\uc0c1\uc744 \ub2ec\ub9ac\ud558\uace0 \uc0c9\uc0c1\uc744 \ub2e8\uc21c \uc194\ub9ac\ub4dc\uac00 \uc544\ub2cc \uadf8\ub77c\ub514\uc5b8\ud2b8 \uacc4\uc5f4\ub85c \ud45c\ud604\ud558\uae30 \uc704\ud574 17\ubc88\uacfc 18\ubc88 \ucf54\ub4dc \ubc11\uc5d0 \uc544\ub798\uc758 \ucf54\ub4dc\ub97c \ucd94\uac00\ud568.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\">\r\nnngr.brushSymbolForOutbox(new Xr.symbol.LinearGradientBrushSymbol());\r\n\r\nif (value > 50) {\r\n    nngr.brushSymbolForInbox(new Xr.symbol.LinearGradientBrushSymbol({\r\n        stops: [\r\n            { \"offset\": \"0%\", \"step-color\": \"#ff0000\" },\r\n            { \"offset\": \"100%\", \"step-color\": \"#660000\" }\r\n        ]\r\n    }));\r\n} else if (value < 20) {\r\n    nngr.brushSymbolForInbox(new Xr.symbol.LinearGradientBrushSymbol({\r\n        stops: [\r\n            { \"offset\": \"0%\", \"step-color\": \"#00ff00\" },\r\n            { \"offset\": \"100%\", \"step-color\": \"#006600\" }\r\n        ]\r\n    }));\r\n} else {\r\n    nngr.brushSymbolForInbox(new Xr.symbol.LinearGradientBrushSymbol({\r\n        stops: [\r\n            { \"offset\": \"0%\", \"step-color\": \"#7F8C8D\" },\r\n            { \"offset\": \"100%\", \"step-color\": \"#303030\" }\r\n        ]\r\n    }));\r\n}\r\n<\/pre>\n<p>\uacb0\uacfc\ub294 \ub2e4\uc74c\uacfc \uac19\uc74c.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.gisdeveloper.co.kr\/wp-content\/uploads\/2020\/05\/thumbThematicMap2.png\" alt=\"\" width=\"1349\" height=\"1115\" class=\"aligncenter size-full wp-image-9227\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uc9c0\ub3c4 \uac1d\uccb4\uac00 map\uc774\ub77c\uace0 \ud560\ub54c, \uba3c\uc800 chart\ub77c\ub294 \uc774\ub984\uc758 \uadf8\ub798\ud53d \uc694\uc18c\ub97c \ucd94\uac00\ud568. map.layers().remove(&#8220;chart&#8221;); let gl = new Xr.layers.GraphicLayer(&#8220;chart&#8221;); map.layers().add(gl); \uadf8\ub798\ud53d \uc694\uc18c\uac00 \ud45c\uc2dc\ub418\ub294 \uc911\uc2ec \uc88c\ud45c\ub97c \uc7a1\uae30 \uc704\ud574 \ucc38\uc870\ub418\ub294 ShapeLayer\uac00 &#8216;shpLyr&#8217;\uc774\ub77c\uace0 \ud560\ub54c, \ud544\uc694\ud55c \ubcc0\uc218\ub4e4\uc744 \uc900\ube44\ud568. let graphicRows = gl.rowSet(); let lyr = map.layers(&#8220;shpLyr&#8221;); let rows = lyr.shapeRowSet().rows(); let ars = lyr.attributeRowSet(); \ud1b5\uacc4 \ub370\uc774\ud130\uac00 \uc800\uc7a5\ub41c \uac1d\uccb4\ub97c \uc900\ube44\ud568. \uc774 \uac1d\uccb4\ub294 \ub124\ud2b8\uc6cc\ud06c\ub97c &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/www.gisdeveloper.co.kr\/?p=9222\" class=\"more-link\">\ub354 \ubcf4\uae30<span class=\"screen-reader-text\"> &#8220;NailNumberGraphicRow \uc0ac\uc6a9 API \uc815\ub9ac&#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":[1],"tags":[],"class_list":["post-9222","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/9222","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=9222"}],"version-history":[{"count":7,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/9222\/revisions"}],"predecessor-version":[{"id":9316,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/9222\/revisions\/9316"}],"wp:attachment":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9222"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=9222"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=9222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}