{"id":2147,"date":"2015-03-02T04:46:58","date_gmt":"2015-03-02T04:46:58","guid":{"rendered":"http:\/\/www.gisdeveloper.co.kr\/?p=2147"},"modified":"2017-01-27T10:16:45","modified_gmt":"2017-01-27T01:16:45","slug":"fingereyes-xr-for-html5-%ed%8a%9c%ed%86%a0%eb%a6%ac%ec%96%bc","status":"publish","type":"post","link":"http:\/\/www.gisdeveloper.co.kr\/?p=2147","title":{"rendered":"FingerEyes-Xr for HTML5 Tutorial"},"content":{"rendered":"<p><b>HTML5\ub85c \uac1c\ubc1c\ub41c FingerEyes-Xr\uc740 \uc804\ubb38 GIS \uc2dc\uc2a4\ud15c \uac1c\ubc1c\uc744 \uc704\ud55c \uc6f9 GIS \uc5d4\uc9c4\uc774\uba70 GPL \ub77c\uc774\uc120\uc2a4\ub85c \uc624\ud508\uc18c\uc2a4 \uc18c\ud504\ud2b8\uc6e8\uc5b4\uc785\ub2c8\ub2e4. \uacf5\uac04 \ub370\uc774\ud130 \ud3b8\uc9d1, \ubd84\uc11d\uacfc \uc774\uc5d0 \ub300\ud55c \uc138\ub828\ub41c \uac00\uc2dc\ud654 \uae30\ub2a5\uc744 \uc81c\uacf5\ud558\ub294 FingerEyes-Xr\uc5d0 \ub300\ud55c \ud29c\ud1a0\ub9ac\uc5bc\uc744 \uc544\ub798\uc758 \ub9c1\ud06c\ub97c \ud1b5\ud574 \uc81c\uacf5\ud569\ub2c8\ub2e4. \uc774 \ud29c\ud1a0\ub9ac\uc5bc\uc740 FingerEyes-Xr for HTML5\uc5d0 \ub300\ud55c \uac00\uc7a5 \ud6a8\uc728\uc801\uc778 \ud559\uc2b5 \ubc29\ubc95\uc785\ub2c8\ub2e4.<\/b><\/p>\n<h3>1. TMS \ud65c\uc6a9\ud558\uae30<\/h3>\n<p>FingerEyes-Xr\uc740 OSGeo \uc2a4\ud399 \uc911 \ud558\ub098\uc778 TMS\ub97c \uc9c0\uc6d0\ud569\ub2c8\ub2e4. TMS\ub294 Tile Map Service\ub85c\uc368 \uc77c\ubc18\uc801\uc73c\ub85c \uc9c0\ub3c4\uc5d0 \ub300\ud55c \uaca9\uc790 \ud615\ud0dc\uc758 \uc774\ubbf8\uc9c0\ub97c \ubbf8\ub9ac \ub9cc\ub4e4\uc5b4 \ub193\uace0 Piramid\uc640 Row \uadf8\ub9ac\uace0 Column\uc5d0 \ub300\ud55c \uc778\ub371\uc2a4\ub85c \uc811\uadfc\ud560 \uc218 \uc788\ub294 URL\uc744 \ud1b5\ud574 \uc9c0\ub3c4\ub97c \uc0ac\uc6a9\uc790\uc5d0\uac8c \ube60\ub974\uac8c \uc81c\uacf5\ud558\ub294 \uac83\uc744 \ubaa9\uc801\uc73c\ub85c \ud569\ub2c8\ub2e4. \uc774 \uae00\uc740 VWorld\uc5d0\uc11c TMS \ubc29\uc2dd\uc73c\ub85c \uc11c\ube44\uc2a4 \ub418\ub294 \ubc30\uacbd\uc9c0\ub3c4\ub97c FingerEyes-Xr\uc5d0\uc11c \uc0ac\uc6a9\ud558\ub294 \ub0b4\uc6a9\uc744 \ub2f4\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p style=\"text-align: center;\"><a href='https:\/\/github.com\/FingerEyes-Xr\/src\/blob\/master\/doc\/01.%20TMS%20%ED%99%9C%EC%9A%A9%ED%95%98%EA%B8%B0.pdf?raw=true'><img decoding=\"async\" src=\"http:\/\/www.gisdeveloper.co.kr\/wp-content\/uploads\/1\/1288827808.png\" \/><\/a><\/p>\n<h3>2. \uc218\uce58\uc9c0\ub3c4 \ud65c\uc6a9\ud558\uae30<\/h3>\n<p>\uc5ec\uae30\uc11c \ub9d0\ud558\ub294 \uc218\uce58 \uc9c0\ub3c4\ub780 \uc11c\ubc84\ub85c\ubd80\ud130 \uc218\uce58\uac12 \ud615\ud0dc\uc758 \uc88c\ud45c\uac12\uc744 (X, Y)\ub85c \ubc1b\uc544 FingerEyes-Xr\uc5d0\uc11c \uadf8\ub9b4 \uc218 \uc788\ub294 \ub370\uc774\ud130\ub97c \uac00\uc9c0\uace0 \uc788\ub294 \uc9c0\ub3c4\ub97c \uc758\ubbf8\ud569\ub2c8\ub2e4. FingerEyes-Xr\uc5d0\uc11c \ud65c\uc6a9\ud560 \uc218 \uc788\ub294 \uc218\uce58\uc9c0\ub3c4\ub294 OGC \ud45c\uc900 \uc911\uc5d0 \ud558\ub098\uc778 WFS\uc5d0\uc11c \uc9c0\ub3c4\ub97c \uad6c\uc131\ud560 \uc218 \uc788\ub294 WFSLayer \ud074\ub798\uc2a4\uc640 Custom Binary \ud3ec\ub9f7\uc73c\ub85c\ubd80\ud130 \uc9c0\ub3c4\ub97c \uad6c\uc131\ud560 \uc218 \uc788\ub294 ShapeMapLayer \ud074\ub798\uc2a4\ub97c \ud1b5\ud574 \uc0ac\uc6a9\uc774 \uac00\ub2a5\ud569\ub2c8\ub2e4. \uc774 \ud29c\ud1a0\ub9ac\uc5bc\uc740 Custom Binary \ud3ec\ub9f7\uc5d0 \ub300\ud55c ShapeMapLayer \ud074\ub798\uc2a4\ub97c \uc774\uc6a9\uc5d0 \ub300\ud55c \uc124\uba85\uc744 \ub2f4\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p style=\"text-align: center;\"><a href='https:\/\/github.com\/FingerEyes-Xr\/src\/blob\/master\/doc\/02.%20%EC%88%98%EC%B9%98%EC%A7%80%EB%8F%84%EB%A0%88%EC%9D%B4%EC%96%B4%20%ED%99%9C%EC%9A%A9%ED%95%98%EA%B8%B0.pdf?raw=true'><img decoding=\"async\" src=\"http:\/\/www.gisdeveloper.co.kr\/wp-content\/uploads\/1\/1039644995.png\" \/><\/a><\/p>\n<h3>3. WFS \ud65c\uc6a9\ud558\uae30<\/h3>\n<p>WFS(Web Feature Service)\ub294 OGC\uc758 \ud45c\uc900\uc73c\ub85c\uc368 \ud074\ub77c\uc774\uc5b8\ud2b8\uc5d0\uc11c \uc694\uccad\ud55c \ud53c\uccd0(Feature)\uc5d0 \ub300\ud55c \uc14b(Set)\uc744 \uc11c\ubc84\uac00 \uc870\ud68c\ud558\uc5ec \uc870\ud68c\ub41c \ud53c\uccd0\uc758 \uc88c\ud45c\uac12\uacfc \uc18d\uc131\uac12\uc744 XML\uc774\ub098 JSON, KML, ShapeFile \ub4f1\uacfc \uac19\uc740 \ud3ec\ub9f7\uc73c\ub85c \uad6c\uc131\ud558\uc5ec \ud074\ub77c\uc774\uc5b8\ud2b8\uc5d0\uac8c \uc11c\ube44\uc2a4\ub418\ub294 \ubc29\uc2dd\uc785\ub2c8\ub2e4. \ub2e8\uc21c\ud788 \ud53c\uccd0\uc5d0 \ub300\ud55c \uc870\ud68c \ubfd0\ub9cc \uc544\ub2c8\ub77c \ud3b8\uc9d1\ub3c4 \uac00\ub2a5\ud558\uba70 \uc774\ub7ec\ud55c \ud3b8\uc9d1\uc5d0 \ub300\ud55c \uc548\uc815\uc801\uc778 \uc218\ud589\uc744 \uc704\ud55c \ud2b8\ub79c\uc81d\uc158(Transaction) \uae30\ub2a5\uae4c\uc9c0 \uc81c\uacf5\ud569\ub2c8\ub2e4. \uc774\ub7ec\ud55c WFS\uc5d0 \ub300\ud55c \uc9c0\uc6d0\uc744 FingerEyes-Xr\uc5d0\uc11c\ub294 WFSLayer\uc744 \ud1b5\ud574 \ud65c\uc6a9 \uac00\ub2a5\ud569\ub2c8\ub2e4. \uc774 \ud29c\ud1a0\ub9ac\uc5bc\uc740 WFSLayer\ub97c \uc774\uc6a9\ud558\uc5ec WFS \ud615\ud0dc\ub85c \uc11c\ube44\uc2a4 \ub418\ub294 \uc9c0\ub3c4 \ub370\uc774\ud130\ub97c \uac00\uc838\uc640 \ud654\uba74\uc5d0 \ud45c\uc2dc\ud558\ub294 \ub0b4\uc6a9\uc5d0 \ub300\ud574 \uc124\uba85\ud569\ub2c8\ub2e4.<\/p>\n<p style=\"text-align: center;\"><a href='https:\/\/github.com\/FingerEyes-Xr\/src\/blob\/master\/doc\/03.%20WFS%20%ED%99%9C%EC%9A%A9%ED%95%98%EA%B8%B0.pdf?raw=true'><img decoding=\"async\" src=\"http:\/\/www.gisdeveloper.co.kr\/wp-content\/uploads\/1\/1260483138.png\" \/><\/a><\/p>\n<h3>4. \uc18d\uc131\ud655\uc778(Identify) \uae30\ub2a5<\/h3>\n<p>\uc5ec\uae30\uc11c \ub9d0\ud558\ub294 \uc18d\uc131(Attribute)\uc740 \uacf5\uac04 \ub370\uc774\ud130\uc640 \uc5f0\uad00\ub41c \ub370\uc774\ud130\ub97c \ub9d0\ud569\ub2c8\ub2e4. GIS\uc5d0\uc11c Identify \uae30\ub2a5\uc740 GIS \ubd84\uc57c\uc758 \ud45c\uc900 \uc6a9\uc5b4\ub294 \uc544\ub2c8\uc9c0\ub9cc \ud1b5\uc0c1 Identify \uae30\ub2a5\uc774\ub77c \ud568\uc740 \ud654\uba74\uc5d0 \ud45c\uc2dc\ub41c \ub3c4\ud615\uc744 \ub9c8\uc6b0\uc2a4\ub85c \ud074\ub9ad\ud588\uc744 \ub54c \ud074\ub9ad\ub41c \ub3c4\ud615\uacfc \uc5f0\uad00\ub41c \uc18d\uc131 \uc815\ubcf4\ub97c \uc0ac\uc6a9\uc790\uc5d0\uac8c \uc81c\uacf5\ud558\ub294 \uac83\uc785\ub2c8\ub2e4. \uacf5\uac04 \ub370\uc774\ud130\ub85c\uc368\uc758 \ub3c4\ud615\uacfc \uc18d\uc131\uc740 \uc218\uce58\uc9c0\ub3c4 \ub808\uc774\uc5b4\uc778 ShapeMapLayer\uc640 WFSLayer\ub97c \ud1b5\ud574 \uc81c\uacf5\ub429\ub2c8\ub2e4. \uc774 \uc7a5\uc740 ShapeMapLayer \ub808\uc774\uc5b4\ub97c \uc774\uc6a9\ud55c Identify \uae30\ub2a5\uc5d0 \ub300\ud574 \uc124\uba85\ud569\ub2c8\ub2e4. WFSLayer\uc758 \uacbd\uc6b0\uc5d0\ub3c4 ShapeMapLyer \ub808\uc774\uc5b4\uc640 \ub3d9\uc77c\ud55c \ubc29\uc2dd\uc73c\ub85c Identify \uae30\ub2a5\uc744 \uad6c\ud604\ud558\uc5ec \uc0ac\uc6a9\uc790\uc5d0\uac8c \uc81c\uacf5\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p style=\"text-align: center;\"><a href='https:\/\/github.com\/FingerEyes-Xr\/src\/blob\/master\/doc\/04.%20%EC%86%8D%EC%84%B1%ED%99%95%EC%9D%B8(Identify).pdf?raw=true'><img decoding=\"async\" src=\"http:\/\/www.gisdeveloper.co.kr\/wp-content\/uploads\/1\/1109561848.png\" \/><\/a><\/p>\n<h3>5. WMS \ud65c\uc6a9\ud558\uae30<\/h3>\n<p>FingerEyes-Xr\uc740 OGC \ud45c\uc900 \uc911 \ud558\ub098\uc778 WMS\ub97c \uc9c0\uc6d0\ud569\ub2c8\ub2e4. WMS\ub294 Web Map Service\uc758 \uc57d\uc790\ub85c\uc368 Web \uae30\ubc18\uc758 \ud658\uacbd\uc5d0\uc11c \uc9c0\ub3c4(Map)\ub97c \ud45c\uc2dc\ud558\ub294\ub370 \uc88b\uc740 \uc120\ud0dd\uc785\ub2c8\ub2e4. WMS\ub294 \uc11c\ubc84 \uce21\uc5d0\uc11c \uc9c0\ub3c4\uc5d0 \ub300\ud55c \uc2a4\ud0c0\uc77c\uc744 \ubbf8\ub9ac \uc815\uc758\ud574 \ub193\ub294\ub370, \ud074\ub77c\uc774\uc5b8\ud2b8\uac00 \uc11c\ubc84\uc5d0\uac8c WMS \ubc29\uc2dd\uc73c\ub85c \uc9c0\ub3c4\ub97c \uc694\uccad\ud558\uba74 \uc11c\ubc84\ub294 \uc9c0\uc815\ub41c \uc2a4\ud0c0\uc77c\ub85c \uc9c0\ub3c4 \uc774\ubbf8\uc9c0\ub97c \ub9cc\ub4e4\uc5b4 \ud074\ub77c\uc774\uc5b8\ud2b8\uc5d0\uac8c \uc804\uc1a1\ud569\ub2c8\ub2e4. \uc774 \ud29c\ud1a0\ub9ac\uc5bc\uc740 WMS\ub85c \uc11c\ube44\uc2a4 \ub418\ub294 \uc9c0\ub3c4 \ub808\uc774\uc5b4\ub97c FingerEyes-Xr\uc5d0\uc11c \uc0ac\uc6a9\ud558\ub294 \ub0b4\uc6a9\uc744 \ub2f4\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p style=\"text-align: center;\"><a href='https:\/\/github.com\/FingerEyes-Xr\/src\/blob\/master\/doc\/05.%20WMS%20%ED%99%9C%EC%9A%A9%ED%95%98%EA%B8%B0.pdf?raw=true'><img decoding=\"async\" src=\"http:\/\/www.gisdeveloper.co.kr\/wp-content\/uploads\/1\/1088225132.png\" \/><\/a><\/p>\n<h3>6. \uadf8\ub798\ud53d \ub808\uc774\uc5b4 \ud65c\uc6a9\ud558\uae30<\/h3>\n<p>\uadf8\ub798\ud53d \ub808\uc774\uc5b4\ub294 \ub2e4\uc591\ud55c \uadf8\ub798\ud53d \uc694\uc18c\ub97c \ucd94\uac00\ud558\uc5ec \uc9c0\ub3c4 \uc0c1\uc5d0 \uc815\ubcf4\ub97c \ud45c\ud604\ud560 \uc218 \uc788\ub294 \uae30\ub2a5\uc744 \uc81c\uacf5\ud558\ub294 \ub808\uc774\uc5b4\uc785\ub2c8\ub2e4. \uadf8\ub798\ud53d \ub808\uc774\uc5b4\ub97c \uc774\uc6a9\ud574 \ud45c\ud604\ud560 \uc218 \uc788\ub294 \uadf8\ub798\ud53d \uc694\uc18c\uc5d0\ub294 \ud3ec\uc778\ud2b8(Point), \ud3f4\ub9ac\ub77c\uc778(Polyline), \ud3f4\ub9ac\uace4(Polygon), \uc0ac\uac01\ud615(Rectangle), \ud0c0\uc6d0(Ellipse), \ud14d\uc2a4\ud2b8(Text)\uac00 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \uadf8\ub798\ud53d \uc694\uc18c \uc911 \ud3ec\uc778\ud2b8\ub294 \ub9c8\ucee4(Marke) \uac1c\ub150\uc73c\ub85c\uc368 \ub2e4\uc591\ud55c \uc2ec\ubc8c(Symbol)\ub85c \ud45c\ud604\ub420 \uc218 \uc788\ub294\ub370, \uc0ac\uac01\ud615\uc774\ub098 \uc6d0\uacfc \uac19\uc740 \ub3c4\ud615\uc774\ub098 \uc774\ubbf8\uc9c0\ub85c \ud45c\ud604\ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub807\uac8c \ud45c\ud604\ub41c \uadf8\ub798\ud53d \uc694\uc18c\uc5d0 \ub300\ud574\uc11c \ucf54\ub4dc\ub97c \ud1b5\ud574 \ucd94\uac00\uac00 \uac00\ub2a5\ud558\uace0 \ub9c8\uc6b0\uc2a4\ub97c \ud1b5\ud574 \ud3b8\uc9d1\uc774 \uac00\ub2a5\ud569\ub2c8\ub2e4. \ubb3c\ub860 \ub9c8\uc6b0\uc2a4\ub97c \ud1b5\ud55c \ucd94\uac00 \uc5ed\uc2dc \uac00\ub2a5\ud569\ub2c8\ub2e4. \uc774 \ud29c\ud1a0\ub9ac\uc5bc\uc740 \uc774\ub7ec\ud55c \uadf8\ub798\ud53d \ub808\uc774\uc5b4\uc5d0 \ub300\ud55c \uc124\uba85\uc744 \ub2f4\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p style=\"text-align: center;\"><a href='https:\/\/github.com\/FingerEyes-Xr\/src\/blob\/master\/doc\/06.%20%EA%B7%B8%EB%9E%98%ED%94%BD%20%EB%A0%88%EC%9D%B4%EC%96%B4%20%ED%99%9C%EC%9A%A9%ED%95%98%EA%B8%B0.pdf?raw=true'><img decoding=\"async\" src=\"http:\/\/www.gisdeveloper.co.kr\/wp-content\/uploads\/1\/1402932312.png\" \/><\/a><\/p>\n<h3>7. \uc18d\uc131\uac12\uc73c\ub85c \uc218\uce58\uc9c0\ub3c4 \uadf8\ub9ac\uae30 \uc2ec\ubc8c \uc124\uc815<\/h3>\n<p>\uc5ec\uae30\uc11c \ub9d0\ud558\ub294 \uc218\uce58 \uc9c0\ub3c4\ub780 \uc11c\ubc84\ub85c\ubd80\ud130 \uc218\uce58\uac12 \ud615\ud0dc\uc758 \uc88c\ud45c\uac12\uacfc \uc18d\uc131\uac12\uc744 \ubc1b\uc544 FingerEyes-Xr\uc5d0\uc11c \uadf8\ub9b4 \uc218 \uc788\ub294 \ub370\uc774\ud130\ub97c \uac00\uc9c0\uace0 \uc788\ub294 \uc9c0\ub3c4\ub97c \uc758\ubbf8\ud569\ub2c8\ub2e4. FingerEyes-Xr\uc5d0\uc11c \ud65c\uc6a9\ud560 \uc218 \uc788\ub294 \uc218\uce58\uc9c0\ub3c4\ub294 OGC \ud45c\uc900 \uc911\uc5d0 \ud558\ub098\uc778 WFS\uc5d0\uc11c \uc9c0\ub3c4\ub97c \uad6c\uc131\ud560 \uc218 \uc788\ub294 WFSLayer \ud074\ub798\uc2a4\uc640 Custom Binary \ud3ec\ub9f7\uc73c\ub85c\ubd80\ud130 \uc9c0\ub3c4\ub97c \uad6c\uc131\ud560 \uc218 \uc788\ub294 ShapeMapLayer \ud074\ub798\uc2a4\ub97c \ud1b5\ud574 \uc0ac\uc6a9\uc774 \uac00\ub2a5\ud569\ub2c8\ub2e4. \uc774 \ud29c\ud1a0\ub9ac\uc5bc\uc740 WFSLayer\uc640 ShapeMapLayer\uc5d0\uc11c \uc18d\uc131\uac12\uc5d0 \ub530\ub77c \uadf8\ub9ac\uae30 \uc2ec\ubc8c\uc744 \ub2ec\ub9ac \uc124\uc815\ud558\ub294 \ubc29\ubc95\uc5d0 \ub300\ud574 \uc124\uba85\ud569\ub2c8\ub2e4. \uc774 \uae30\ub2a5\uc744 \uc774\uc6a9\ud558\uba74 \ud589\uc815\uad6c\uc5ed\uc5d0 \ub300\ud574 \uc778\uad6c\uc218\uc758 \ub9ce\uace0 \uc801\uc74c\uc5d0 \ub530\ub77c \uc0c9\uc0c1\uc744 \ub2ec\ub9ac\ud558\ub294 \uc778\uad6c\ud1b5\uacc4 \uc8fc\uc81c\ub3c4 \uc791\uc131\uc774 \uac00\ub2a5\ud569\ub2c8\ub2e4. \ub610\ud55c \uc9c0\uc801\ub3c4 \ud544\uc9c0\uc758 \uc885\ub958\uc5d0 \ub530\ub77c \ud544\uc9c0\uc758 \uadf8\ub9ac\uae30 \uc2ec\ubc8c\uc744 \ub2ec\ub9ac\ud558\uc5ec \uc0ac\uc6a9\uc790\uc5d0\uac8c \uc9c0\uc801\ub3c4\uc5d0 \ub300\ud55c \uc2dc\uac01\uc801\uc778 \uc815\ubcf4 \uc804\ub2ec\uc744 \uba85\ud655\ud788 \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p style=\"text-align: center;\"><a href='https:\/\/github.com\/FingerEyes-Xr\/src\/blob\/master\/doc\/07.%20%EC%86%8D%EC%84%B1%EA%B0%92%EC%9C%BC%EB%A1%9C%20%EC%88%98%EC%B9%98%EC%A7%80%EB%8F%84%20%EA%B7%B8%EB%A6%AC%EA%B8%B0%20%EC%8B%AC%EB%B2%8C%20%EC%84%A4%EC%A0%95.pdf?raw=true'><img decoding=\"async\" src=\"http:\/\/www.gisdeveloper.co.kr\/wp-content\/uploads\/1\/1284985947.png\" \/><\/a><\/p>\n<h3>8. \uc218\uce58\uc9c0\ub3c4\uc5d0 \ub300\ud55c \uc0ac\uc6a9\uc790 \uc815\uc758 \ub77c\ubca8<\/h3>\n<p>\uc5ec\uae30\uc11c \ub9d0\ud558\ub294 \uc218\uce58 \uc9c0\ub3c4\ub780 \uc11c\ubc84\ub85c\ubd80\ud130 \uc218\uce58\uac12 \ud615\ud0dc\uc758 \uc88c\ud45c\uac12\uacfc \uc18d\uc131\uac12\uc744 \ubc1b\uc544 FingerEyes-Xr\uc5d0\uc11c \uadf8\ub9b4 \uc218 \uc788\ub294 \ub370\uc774\ud130\ub97c \uac00\uc9c0\uace0 \uc788\ub294 \uc9c0\ub3c4\ub97c \uc758\ubbf8\ud569\ub2c8\ub2e4. FingerEyes-Xr\uc5d0\uc11c \ud65c\uc6a9\ud560 \uc218 \uc788\ub294 \uc218\uce58\uc9c0\ub3c4\ub294 OGC \ud45c\uc900 \uc911\uc5d0 \ud558\ub098\uc778 WFS\uc5d0\uc11c \uc9c0\ub3c4\ub97c \uad6c\uc131\ud560 \uc218 \uc788\ub294 WFSLayer \ud074\ub798\uc2a4\uc640 Custom Binary \ud3ec\ub9f7\uc73c\ub85c\ubd80\ud130 \uc9c0\ub3c4\ub97c \uad6c\uc131\ud560 \uc218 \uc788\ub294 ShapeMapLayer \ud074\ub798\uc2a4\ub97c \ud1b5\ud574 \uc0ac\uc6a9\uc774 \uac00\ub2a5\ud569\ub2c8\ub2e4. \uc774 \ud29c\ud1a0\ub9ac\uc5bc\uc740 WFSLayer\uc640 ShapeMapLayer\uc5d0\uc11c \uc18d\uc131\uac12\uc5d0 \ub530\ub77c \ub77c\ubca8\uc758 \uadf8\ub9ac\uae30 \uc2ec\ubc8c\uc740 \ubb3c\ub860 \ub77c\ubca8 \ud14d\uc2a4\ud2b8\ub97c \uc81c\uc5b4\ud558\ub294 \ubc29\ubc95\uc5d0 \ub300\ud574 \uc124\uba85\ud569\ub2c8\ub2e4. \uc774 \uae30\ub2a5\uc744 \uc774\uc6a9\ud558\uba74 \uc18d\uc131\uac12\uc5d0 \ub530\ub77c \ub77c\ubca8\uc758 \ud3f0\ud2b8 \ud06c\uae30\ub97c \uc870\uc808\ud560 \uc218 \uc788\uc73c\uba70, \uc5ec\ub7ec \uac1c\uc758 \ud544\ub4dc\uac12\uc744 \uc870\ud569\ud558\uac70\ub098 \ud544\ub4dc\uac12\uc5d0\uc11c \ud544\uc694\ud55c \uac12\ub9cc\uc744 \ucd94\ucd9c\ud558\uc5ec \ub77c\ubca8\uc758 \ud14d\uc2a4\ud2b8\ub85c \ud45c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p style=\"text-align: center;\"><a href='https:\/\/github.com\/FingerEyes-Xr\/src\/blob\/master\/doc\/08.%20%EC%88%98%EC%B9%98%EC%A7%80%EB%8F%84%EC%97%90%20%EB%8C%80%ED%95%9C%20%EC%82%AC%EC%9A%A9%EC%9E%90%20%EC%A0%95%EC%9D%98%20%EB%9D%BC%EB%B2%A8.pdf?raw=true'><img decoding=\"async\" src=\"http:\/\/www.gisdeveloper.co.kr\/wp-content\/uploads\/1\/1259056518.png\" \/><\/a><\/p>\n<h3>9. Grid \ub808\uc774\uc5b4\ub97c \uc774\uc6a9\ud55c \ubc00\ub3c4\ubd84\uc11d<\/h3>\n<p>\uadf8\ub9ac\ub4dc(Grid) \ub808\uc774\uc5b4\ub97c \uc774\uc6a9\ud55c \ubd84\uc11d \uae30\ub2a5 \uc911 \ubc00\ub3c4 \ubd84\uc11d \uae30\ub2a5\uc744 FingerEyes-Xr for HTML5\uc5d0\uc11c \uc5b4\ub5bb\uac8c \uad6c\ud604\ud560 \uc218 \uc788\ub294\uc9c0\ub97c \uc124\uba85\ud569\ub2c8\ub2e4. FingerEyes-Xr for HTML5\uc5d0\uc11c \uc81c\uacf5\ud558\ub294 \ubc00\ub3c4 \ubd84\uc11d\uc740 \uac00\uc911\uce58 \uac12\uc744 \uace0\ub824\ud560 \uc218 \uc788\uc73c\uba70 \uc804\ubb38\uc801\uc778 GIS \ubd84\uc11d \uc2dc\uc2a4\ud15c\uc5d0\uc11c \uc0dd\uc131\ud560 \uc218 \uc788\ub294 \ud488\uc9c8\uacfc \ub3d9\uc77c\ud55c \uacb0\uacfc\ub97c \uc81c\uacf5\ud569\ub2c8\ub2e4. \uc774 \ud29c\ud1a0\ub9ac\uc5bc\uc740 \uadf8\ub9ac\ub4dc \ub808\uc774\uc5b4\ub97c \uc774\uc6a9\ud574 \uac1c\ubc1c\ud560 \uc218 \uc788\ub294 \uadf8\ub9ac\ub4dc \ubd84\uc11d \uc911 \ubc00\ub3c4 \ubd84\uc11d\uc5d0 \ub300\ud55c \ub0b4\uc6a9\uc744 \ub2e4\ub8f9\ub2c8\ub2e4.<\/p>\n<p style=\"text-align: center;\"><a href='https:\/\/github.com\/FingerEyes-Xr\/src\/blob\/master\/doc\/09.%20Grid%20%EB%A0%88%EC%9D%B4%EC%96%B4%EB%A5%BC%20%EC%9D%B4%EC%9A%A9%ED%95%9C%20%EB%B0%80%EB%8F%84%EB%B6%84%EC%84%9D.pdf?raw=true'><img decoding=\"async\" src=\"http:\/\/www.gisdeveloper.co.kr\/wp-content\/uploads\/1\/1034614285.png\" \/><\/a><\/p>\n<h3>10. \uc218\uce58\uc9c0\ub3c4\ub808\uc774\uc5b4\ub97c \uc704\ud55c \ub9c8\ucee4 \uc2ec\ubcfc<\/h3>\n<p>\uc218\uce58\uc9c0\ub3c4 \ub808\uc774\uc5b4\ub294 \uc18d\uc131 \ub370\uc774\ud130\uc640 \ud568\uaed8 \uacf5\uac04 \ub370\uc774\ud130\ub97c \ud3f4\ub9ac\uace4, \ud3f4\ub9ac\ub77c\uc778, \ud3ec\uc778\ud2b8\ub85c \ud45c\ud604\ud569\ub2c8\ub2e4. \uc774 \uc911 \ud3ec\uc778\ud2b8\ub97c \ud45c\ud604\ud560 \ub54c \ub9c8\ucee4(Marker) \uac1c\ub150\uc744 \uc0ac\uc6a9\ud558\uc5ec \ud3ec\uc778\ud2b8\uc758 \uc704\uce58\uc5d0 \ub2e4\uc591\ud55c \ud615\ud0dc\uc758 \uc2ec\ubc8c\ub85c \ud45c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. FingerEyes-Xr for HTML5\uc5d0\uc11c \uc81c\uacf5\ud558\ub294 \ud3ec\uc778\ud2b8 \ud0c0\uc785\uc5d0 \ub300\ud55c \ub9c8\ucee4 \uc2ec\ubc8c\uc740 \uae30\ubcf8\uc801\uc73c\ub85c \uc6d0(Circle), \uc0ac\uac01\ud615(Rectangle), \uc774\ubbf8\uc9c0(Image)\uc774\uba70 \uc774\uc678\uc5d0\ub3c4 \uac1c\ubc1c\uc790\uac00 \uc27d\uac8c \ub354 \ub2e4\uc591\ud55c \ub9c8\ucee4 \uc2ec\ubc8c\uc744 \ucd94\uac00 \ud655\uc7a5\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \uae00\uc5d0\uc11c\ub294 \ud3ec\uc778\ud2b8 \ud0c0\uc785\uc758 \uc218\uce58\uc9c0\ub3c4\uc5d0 \ub300\ud574 \ub2e4\uc591\ud55c \ub9c8\ucee4 \uc2ec\ubcfc\ub85c \ud45c\ud55c\ud558\ub294 \ubc29\ubc95\uc5d0 \ub300\ud574 \uc124\uba85\ud569\ub2c8\ub2e4. \ucc38\uace0\ub85c \uc774\ub7ec\ud55c \ub9c8\ucee4 \uc2ec\ubc8c\uc740 \uc218\uce58\uc9c0\ub3c4\uc758 \ud3ec\uc778\ud2b8 \ud45c\ud604 \ubfd0\ub9cc \uc544\ub2c8\ub77c \uadf8\ub798\ud53d \ub808\uc774\uc5b4\uc758 \ud3ec\uc778\ud2b8 \ud45c\ud604\uc5d0\ub3c4 \ub3d9\uc77c\ud558\uac8c \uc0ac\uc6a9\ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p style=\"text-align: center;\"><a href='https:\/\/github.com\/FingerEyes-Xr\/src\/blob\/master\/doc\/10.%20%EC%88%98%EC%B9%98%EC%A7%80%EB%8F%84%EB%A0%88%EC%9D%B4%EC%96%B4%EB%A5%BC%20%EC%9C%84%ED%95%9C%20%EB%A7%88%EC%BB%A4%20%EC%8B%AC%EB%B3%BC.pdf?raw=true'><img decoding=\"async\" src=\"http:\/\/www.gisdeveloper.co.kr\/wp-content\/uploads\/1\/1151659627.png\" \/><\/a><\/p>\n<p>FingerEyes-Xr for HTML5\ub294 GPL \ub77c\uc774\uc120\uc2a4 \uae30\ubc18\uc758 \uc624\ud508\uc18c\uc2a4\uc785\ub2c8\ub2e4. \uc544\ub798\uc758 GitHub\ub97c \ud1b5\ud574 FingerEyes-Xr\uc5d0 \ub300\ud55c \ucd5c\uc2e0\uc758 \uc644\uc804\ud55c \uc18c\uc2a4\ucf54\ub4dc\ub97c \uc0b4\ud3b4\ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p style=\"text-align: center;\"><a href='https:\/\/github.com\/FingerEyes-Xr\/src'><img decoding=\"async\" src=\"http:\/\/www.gisdeveloper.co.kr\/wp-content\/uploads\/1\/1221013341.png\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>HTML5\ub85c \uac1c\ubc1c\ub41c FingerEyes-Xr\uc740 \uc804\ubb38 GIS \uc2dc\uc2a4\ud15c \uac1c\ubc1c\uc744 \uc704\ud55c \uc6f9 GIS \uc5d4\uc9c4\uc774\uba70 GPL \ub77c\uc774\uc120\uc2a4\ub85c \uc624\ud508\uc18c\uc2a4 \uc18c\ud504\ud2b8\uc6e8\uc5b4\uc785\ub2c8\ub2e4. \uacf5\uac04 \ub370\uc774\ud130 \ud3b8\uc9d1, \ubd84\uc11d\uacfc \uc774\uc5d0 \ub300\ud55c \uc138\ub828\ub41c \uac00\uc2dc\ud654 \uae30\ub2a5\uc744 \uc81c\uacf5\ud558\ub294 FingerEyes-Xr\uc5d0 \ub300\ud55c \ud29c\ud1a0\ub9ac\uc5bc\uc744 \uc544\ub798\uc758 \ub9c1\ud06c\ub97c \ud1b5\ud574 \uc81c\uacf5\ud569\ub2c8\ub2e4. \uc774 \ud29c\ud1a0\ub9ac\uc5bc\uc740 FingerEyes-Xr for HTML5\uc5d0 \ub300\ud55c \uac00\uc7a5 \ud6a8\uc728\uc801\uc778 \ud559\uc2b5 \ubc29\ubc95\uc785\ub2c8\ub2e4. 1. TMS \ud65c\uc6a9\ud558\uae30 FingerEyes-Xr\uc740 OSGeo \uc2a4\ud399 \uc911 \ud558\ub098\uc778 TMS\ub97c \uc9c0\uc6d0\ud569\ub2c8\ub2e4. TMS\ub294 Tile Map &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/www.gisdeveloper.co.kr\/?p=2147\" class=\"more-link\">\ub354 \ubcf4\uae30<span class=\"screen-reader-text\"> &#8220;FingerEyes-Xr for HTML5 Tutorial&#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-2147","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\/2147","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=2147"}],"version-history":[{"count":1,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/2147\/revisions"}],"predecessor-version":[{"id":2803,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/2147\/revisions\/2803"}],"wp:attachment":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2147"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2147"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}