김형준 GIS 연구소 (for Developers)

[FingerEyes] 지오메트리의 버퍼(Buffer) 연산

(김형준(Dip2K)) — Fri, 03 Feb 2012 16:51:56 +0900

핑거아이즈는 공간서버인 지오서비스(GeoService-Xr)의 지오프로세싱(Geoprocessing) 서비스를 통해 지오메트리의 버퍼 연산을 수행할 수 있습니다. 아래의 코드는 레이어의 구성 항목 중 하나의 도형에 대해 버퍼 반경값 10으로 하여 버퍼 연산을 수행하는 코드입니다.

var ml:XrMashupLayer = _map.layers.getLayer("myLyr") as XrMashupLayer;
var mashup:IXrMashup = ml.getMashup(0);
if(mashup != null)
{
    var wkt:IXrWKT = mashup as IXrWKT;
    var strKwt:String = wkt.toWKT();
    var loader:URLLoader = new URLLoader();
    var url:String = "http://localhost/Gp?command=buffer;geometry=" 
        + strKwt + ";distance=10";
    var request:URLRequest = new URLRequest(url);

    loader.addEventListener(Event.COMPLETE, onBufferRequestCompleted);
    loader.load(request);			
}

1번과 2번 코드를 통해 버퍼 연산 대상이 되는 도형을 가져옵니다. 그리고 이 도형에 대한 지오메트리 정보를 WKT 형식으로 변환하는 코드가 5~6번 코드입니다. 마지막으로 7~13번 코드를 통해 공간서버로 요청을 날립니다. 아래의 이미지는 버퍼 연산의 대상이 되는 도형입니다.

버퍼 연산 서비스를 요청하고 그 결과는 onBufferRequestCompleted 함수를 통해 전달되며 다음과 같은 예로 구성될 수 있습니다.

private function onBufferRequestCompleted(event:Event):void
{
    var loader:URLLoader = event.target as URLLoader;
    var result:String = loader.data;				
    var ml:XrMashupLayer = 
        _map.layers.getLayer("myLyr") as XrMashupLayer;
    var mashup:IXrMashup = ml.getMashup(0);
    if(mashup != null)
    {
        var wkt:IXrWKT = mashup as IXrWKT;
        wkt.fromWKT(result);
        ml.updateItem(0, false);
    }

    loader.removeEventListener(Event.COMPLETE, onBufferRequestCompleted);
}

버퍼 연산 결과에 대한 지오메트리 역시 WKT 형식입니다. 연산 결과를 다시 대상이 되는 도형에 반영하고 있습니다. 그 결과는 다음과 같습니다.

[FingerEyes] Geometry로 Feature 가져오기

(김형준(Dip2K)) — Wed, 01 Feb 2012 16:02:12 +0900

Geometry로 Feature를 가져온다는 의미는 임의의 지오메트리와 공간상에서 교차하는 Feature를 가져온다는 의미입니다. 임의의 지오메트리이므로 폴리곤, 폴리라인, 포인트 등 제약이 없습니다. 기준 지오메트리는 WKT 형식으로 쉽게 지정할 수 있습니다. 다음은 지정한 폴리라인과 교차하는 Feature를 서버측으로부터 가져오라는 코드 예입니다.

var pnuLyr:XrShapeMapLayer = map.layers.getLayer("JIBUN") as XrShapeMapLayer;
if(pnuLyr != null)
{
    var bOK:Boolean = pnuLyr.queryByGeometry(
        "LINESTRING(250661 54225, 250343 53233)",
        true,
        callback);

    if(!bOK)
    {
        // Error !
    }
}

대상이 되는 레이어를 1번 코드를 통해 가져옵니다. 속성과 도형에 대한 기능이므로 XrShapeMapLayer만이 가능합니다. 그리고 4번에서 queryByGeometry 매서드를 통해 쿼리 합니다. 첫번째 인자는 기준 지오메트리로써 WKT 형식으로 지정합니다. 그리고 두번째 인자는 도형 데이터 뿐만 아니라 속성 데이터까지 가져오라는 의미입니다. 그리고 세번째 인자는 공간 데이터 쿼리가 완료되었을때 발생하는 콜백함수이며 아래는 그 예입니다.

private function callback(arg:XrSpatialQueryResult):void  
{   
    if(arg != null)   
    {   
        var shp:IXrShape = null;   
        var shapes:Object = arg.shapeSet.rows;   
        for each(shp in shapes)   
        {   
            var attribute:XrAttributes =    
                arg.attributeSet.rows[shp.fid] as XrAttribute;   
            if(attribute != null)   
            {   
                trace(shp.centroid.x + " " + shp.centroid.y    
                    + " " + attribute.getValueAsString(1));   
            }   
        }   
    }   
    else  
    {   
        // 아무것도 오질 않았음..   
    }   
}

서버 측으로 받은 결과에서 도형의 중심점과 2번째 속성값만을 확인하는 예입니다.

[FingerEyes] FID 리스트로 Feature 가져오기

(김형준(Dip2K)) — Wed, 01 Feb 2012 15:21:40 +0900

FID값은 FeatureID로써 이 값에 대한 Feature를 가져오는 예제 코드입니다. 참고로 Feature는 공간 데이터 + 속성 데이터의 셋입니다.

var pnuLyr:XrShapeMapLayer = map.layers.getLayer("JIBUN") as XrShapeMapLayer;
if(pnuLyr != null) {
    var fids:Vector.<uint> = new Vector.<uint>();
    fids.push(100, 200, 300, 400, 500, 600, 700, 10000);
    if(!pnuLyr.queryByFIDs(fids, true, callback))
    {
        // Query Request Error !!
    }
}

먼저 대상 레이어를 파악해야 합니다. FID에 관련된 레이어이므로 1번 코드에서 XrShapeMapLayer가 필요하고 요청할 FID의 리스트를 3~4번에서 만들고 있습니다. 그리고 5번 코드에서 queryByFIDs 매서드를 통해 리퀘스트를 서버에 날립니다.

서버에 대한 응답은 비동기적으로 처리되므로 콜백함수가 필요하며 queryByFIDs의 세번째 인자에 지정합니다. 두번째 인자는 공간 데이터 뿐만 아니라 속성 데이터까지 가져오라는 의미입니다. 그렇다면 서버로부터 받은 Feature를 처리하기 위한 콜백함수를 살펴보면, 그 예는 다음과 같습니다.

private function callback(arg:XrSpatialQueryResult):void
{
    if(arg != null)
    {
        var shp:IXrShape = null;
        var shapes:Object = arg.shapeSet.rows;
        for each(shp in shapes)
        {
            var attribute:XrAttributes = 
                arg.attributeSet.rows[shp.fid] as XrAttribute;
            if(attribute != null)
            {
                trace(shp.centroid.x + " " + shp.centroid.y 
                    + " " + attribute.getValueAsString(1));
            }
        }
    }
    else
    {
        // 아무것도 오질 않았음..
    }
}

결과가 오면 도형의 중심점과 두번째 속성값을 표시하는 코드입니다.

[FingerEyes] UPDATE, INSERT, DELETE SQL 문 실행

(김형준(Dip2K)) — Wed, 01 Feb 2012 14:02:11 +0900

핑거아이즈는 서버측의 DBMS에 UPDATE, INSERT, DELETE와 같은 SQL 문을 실행할 수 있도록 요청할 수 있습니다. 다음 코드는 그 예입니다.

var svc:XrUpdateTableService = new XrUpdateTableService(
    "127.0.0.1:8076",
    "postgis",
    __completed,
    __error
);

var sql:String = "INSERT INTO tstTbl VALUES (100, '안녕하세요!')";

svc.run({sql:sql});

SQL문의 실행을 서버측에 요청하고 그 결과를 받아오는 일련의 과정을 사용하기 쉽게 캡슐화된 XrUpdateTableService 클래스를 이용합니다. 서버의 IP와 사용하는 DBMS의 종류 그리고 SQL 문이 서버측에서 성공적으로 실행되었을때와 실패했을때에 대한 콜백함수를 생성자의 인자로 지정합니다.

아래는 SQL문이 성공적으로 실행되었을때와 실패했을때에 대한 콜백함수의 예입니다.

protected function __completed(cntRowUpdated:uint):void
{
    // cntRowUpdated는 SQL문의 실행에 의해 영향을 받은 Row의 수
}

protected function __error():void
{
    // SQL 실행하는데 문제 있음
}

영화, "부러진 화살"

(김형준(Dip2K)) — Wed, 01 Feb 2012 10:20:16 +0900

이 영화를 보고 떠오른 영화가.. "도가니"였습니다. 도가니가 특수학교 학우라는 소외된 범위에 대한 매우 안타까운 이야기였다면.. 이 영화는 그냥.. 우리의 현실을 그린 실화를 바탕으로 한 영화라고 생각합니다..

꽤 늦은 저녁.. 사은품으로 받은 티켓이 아까워 예매를 하고 홀로 본 영화입니다. 눈이라고 해봐야 별로 내리지 않는 날임에도.. 기상청 스스로의 책임 회피를 위한 대설주의보가 발령된 어제지요..

가진자들이 정한 테두리 안에서 말 잘 듣고 튀지만 않으면.. 그럭 저럭.. 살만한 세상.. 이건 우리나라나.. 다른 나라나 다 마찬가지라고 생각합니다.. 다만.. 그 정도의 차이는 분명 존재한다고 생각합니다.

가진자들이 이미.. 그렇게 하기로 결정한 것들 앞에서는 상식이나.. 정의나.. 이런것들 따위는 아무런 의미가 없어져 버리는.. 무서운 현실을 담아 내고 있습니다. 현실을 바탕으로 한 영화이기에.. 영화속의 무서운 현실이.. 영화가 끝나고 난 뒤.. 다시 현실로 돌아와서도.. 내 가슴을 떨리게 하였습니다..

그래도.. 이 영화는 이런 현실속에서 살아갈 수 있는 방향과 방법을 제시합니다.. "스스로 계속 똑똑해져라, 그리고 포기하지말고 나아가라.".. 식상하기만한.. 뭐 이런.. 할 방향과 방법이라고 생각됩니다만.. 이게.. 방법입니다.. 현실은.. 어디까지나 현실이니까요..

어떤 영화든.. 보는 사람에게.. 그 나름대로 해석되고.. 자신이 가지고 있는 생각들과 섞여 그 사람에게 투영됩니다.. '부러진 화살'이 요즘 내가 생각하고 있는 것들과 섞여 만들어낸 생각.. 이 생각이 올해 내가 나아가고 내가 해야할 일들에 큰 영향을 줄것입니다..

[PostGIS] 공간데이터 테이블 생성에 대한 SQL

(김형준(Dip2K)) — Wed, 25 Jan 2012 11:25:28 +0900

진행하고 있는 프로젝트에서 사용하고 있는 공간 DBMS로 PostGIS를 사용하고 있습니다. 공간 테이블을 직접 만들어어 활용해야할 필요가 있어 찾은 내용을 정리해 봅니다.

고유한 ID 값으로써 fid와 기타 필드로써 name 그리고 Geometry 값에 대한 the_geom이라는 이름의 필드를 가지는 테이블을 생성하는 SQL 문의 예는 다음과 같습니다.

CREATE TABLE "tst_table"(
    fid INTEGER PRIMARY KEY,
    name VARCHAR(64),
    the_geom geometry,

    CONSTRAINT enforce_dims_the_geom CHECK (st_ndims(the_geom) = 2),

    CONSTRAINT enforce_geotype_the_geom CHECK 
            (geometrytype(the_geom) = 'MULTIPOLYGON'::text 
        OR 
            the_geom IS NULL),

    CONSTRAINT enforce_srid_the_geom CHECK (st_srid(the_geom) = (-1))
);

1번 줄에 생성할 테이블 명으로써 tst_Table로 지정했습니다. 2~4번 줄이 앞서 언급한 필드들이구요. 6번 줄은 Geometry에 대한 필드인 the_geom의 차원이 2차원, 즉 X와 Y의 쌍이어야 한다는 제약 조건입니다. 그리고 8번 줄의 제약 조건은 Geometry가 MULTIPOLYGON 타입이며 NULL 일 수 있다는 것 입니다. 그리고 13번 줄은 Geometry의 Spatial Reference ID에 대한 제약 조건입니다.

이제 아래는 앞서 생성한 공간 테이블에 하나의 레코도를 추가하는 SQL 문입니다.

INSERT INTO tst_Table 
 (
    fid, 
    name, 
    the_geom
) 
VALUES 
 (
    0, 
    '테스트', 
    ST_GeomFromText('MULTIPOLYGON(((0 0,1 0,1 1,0 1,0 0)))', -1)
);

일반적인 INSERT SQL 문입니다. 단지 주목해야할 줄은 11번입니다. Geometry에 대한 WKT 형식으로 지정했으며 공간참조로 -1을 주었습니다. 이 값은 앞서 공간 테이블을 생성할때 제약 조건과 일치합니다.

좌표계 변환툴, XrProjection 1.4

(김형준(Dip2K)) — Mon, 23 Jan 2012 16:43:30 +0900

서로 다른 좌표계를 가진 SHP 파일의 좌표계 변환툴입니다. 입력 SHP가 사용하는 좌표계를 지정하고 변환하고자 하는 좌표계를 선택해 주면 쉽게 좌표계가 변환됩니다. SHP 파일 변환 뿐 아니라 단일 좌표계 변환 및 간단한 도분초 단위의 변환 기능을 지원합니다.

서로 다른 타원체 간의 변환에 사용되는 파라메터를 적용할 수 있으므로 변환에 사용된 파라메터를 알고 있다면 보다 정확하게 좌표계를 변환할 수 있습니다.

이 좌표계 변환툴은 DuraMap-Xr 엔진을 사용하였습니다. DuraMap 엔진에 대한 자세한 소개는 다음 URL을 참고하시기 바랍니다.

http://www.gisdeveloper.co.kr/notice/574

또한 DuraMap-Xr의 다운로드는 다음 URL에서 가능합니다.

http://www.geoservice.co.kr/board/list.php?cate=02

듀라맵 엔진의 최신 버전(3.2.0.0)을 사용해야 합니다. 예전 버전은 국내 좌표계만을 대상으로 하였으나 최신 버전에서는 PROJ4 문자열 방식을 사용하여 전세계의 모든 좌표계를 지원할 수 있도록 하였습니다. 참고로 아래의 PROJ4 문자열은 이 좌표계 변환툴에서 사용하는 좌표계에 대한 내용입니다.

소스코드와 실행 파일을 각각 별도로 다운로드 받을 수 있습니다. 개발이 가능하신 분이라면 PROJ4를 통해 좌표체계를 쉽게 추가하거나 변경할 수 있습니다. 소스코드와 실행 파일은 다음 URL을 통해 다운로드 받으실 수 있습니다.

XrProjection_bin.zip

XrProjection_src.zip

본 프로그램에 대한 사용에 있어 궁금한 점이나 개선에 대한 피드백은 언제든 환영입니다. 여러분의 피드백을 통해 다양한 상황에 대해 매우 편리하고 정확한 좌표계 변환툴로 발전하기를 기대합니다.

[FingerEyes] 면적, 거리 측정하기

(김형준(Dip2K)) — Fri, 20 Jan 2012 15:27:00 +0900

핑거아이즈에서 마우스로 거리와 면적을 측정하는 방법에 대한 설명입니다. 펑거아이즈는 면적과 거리에 대해서도 스냅핑 기능을 적용할 수 있음으로 보다 정확하게 면적과 거리를 측정할 수 있습니다. 예를 들어 지적도를 대상으로 스냅핑을 적용할 경우 면적과 거리를 마우스를 이용해 측정할때 지적도의 도형의 정점이나 선분에 스냅핑되어 지적도를 정확히 참조하여 거리와 면적을 측정할 수 있습니다.

핑거아이즈의 거리와 면적의 측정은 매쉬업 레이어를 대상으로 작동합니다. 그러므로 거리와 면적을 측정하기 위해서는 지도 컴포넌트에 XrMashupLayer 클래스를 통해 매쉬업 레이어를 추가해야 합니다. 아래의 코드는 "mashup"이라는 레이어 고유 식별자를 지정하여 매쉬업 레이어를 추가하는 코드입니다. 레이어 고유 식별자는 임이의 문자열로 지정 가능하며 각 레이어 마다 고유해야 합니다.

var ml:XrMashupLayer = new XrMashupLayer("mashup");
map.layers.addLayer(ml);
map.edit.targetLayer = ml;

보시면, 매쉬업 레이어를 추가한 후에 편집 대상 레이어로써 추가한 매쉬업 레이어를 지정해 줘야 합니다. 면적 측정이나 거리 측정은 마우스를 통한 새로운 폴리곤과 폴리라인을 만들어 내는 작업이므로 간단한 편집 기능으로 분류되기 때문입니다.

이제 거리와 면적을 측정하는 코드에 대해 살펴보겠습니다. 먼저 면적을 측정하기 위한 버튼을 클릭하게 되면 발생하는 클릭 이벤트 처리 함수에 대해 다음처럼 코딩합니다.

private function onAddPolygon(event:MouseEvent):void
{
    map.edit.editMode = true;
    var id:uint = fid++;
    var bOK:Boolean = map.edit.addPolygon(id, true);
    if(!bOK)
    {
        trace("폴리곤 매쉬업 실패");
    }
}

먼저 3번 코드를 통해 맵의 상태를 편집 상태로 지정합니다. 편집 상태가 되면 마우스에 대한 조작은 모두 편집 행위로 간주됩니다. 다시 지도를 확대하고 축소하고 이동하려면 editMode를 false로 지정해 주면 됩니다. 그리고 4번 코드를 통해 고유한 id 값을 하나 만듭니다. fid 변수는 int 타입의 전역 변수로써 계속 1씩 증가해 중복되지 않은 값을 유지합니다. 물론 정말 중복되지 않도록 하려면 필요할 경우 다양한 방법이 적용되어야 할 것입니다. 5번 코드는 폴리곤을 그리라는 코드로써 앞서 만들어 놓은 중복되지 않는 정수값 인자 하나와 true 값 인자가 사용됩니다. 중요한 것이 바로 이 두번째 인자인 true입니다. true값이 지정되면 그래픽 요소를 그릴때 그래픽 요소에 관련된 측정값이 함께 표시됩니다. 여기서는 폴리곤이므로 폴리곤의 면적이 표시됩니다. 아래의 이미지는 면적 측정 버튼을 누른후 마우스 클릭을 통해 면적을 측정하는 화면입니다.

다음은 거리를 측정하는 코드입니다.

private function onAddPolyline(event:MouseEvent):void
{
    map.edit.editMode = true;
    var id:uint = fid++;
    var bOK:Boolean = map.edit.addPolyline(id, true);
    if(!bOK)
    {
        trace("폴리라인 매쉬업 실패");
    }
}

면적 측정과 다른 부분은 5번 코드 뿐입니다. 즉, addPolygon 대신에 거리 측정에 대한 폴리라인인 addPolyline 매서드로 대체되었습니다. 아래의 그림은 거리 측정 버튼을 클릭하고 마우스로 거리를 측정하는 화면입니다.

정규표현식(regex)를 이용한 WKT 파싱

(김형준(Dip2K)) — Mon, 16 Jan 2012 19:24:42 +0900

또 다시 지오메트리에 대한 WKT 형식을 파싱해야할 상황이 생겼습니다. 예전엔 한땀.. 한땀.. -_-; 문자값 하나 하나를 파싱해서 좌표값을 뽑아 냈더랬습니다. 그런데.. 또 이짓을 해야한다고 생각하니.. 손과 뇌에 마비가 와 죽어도 못하겠더군요..

해서.. 뭔가 그럴듯한.. 세련된 방법이 없나.. 궁리를 하다가.. 정규표현식(Regular Expressions)를 이용해 보자라는 생각이 들었습니다. 예전에 정규표현식에 대해 살펴봤던 적이 있었는데.. 이런게 있구나 싶을 정도로만 봐두었던지라.. 떠올랐나봅니다.

실무에서 필요한 기술이라 생각되니.. 정규표현식을 사용하는 방법을 제법 집중해서 살펴보게 되었습니다.. 결국 원하는 결과를 얻어 냈습니다... 해서 정규표현식을 이용해 WKT 형식의 지오메트리의 좌표를 뽑아 내는 코드를 잠시 살펴보겠습니다.

대상이 되는 WKT는 다음과 같다고 하겠습니다.
POLYGON ((100 200, -200 300, -400 500), (10 20, -20 -30, 40 50), (1 2, 2 3, 4 5) ) 예이므로 올바른 폴리곤은 아닙니다. 단지 WKT 형식이라는 점에만 유념해 주시면 됩니다. 이 WKT을 보면 폴리곤이 3개의 파트로 구성됩니다. 정규표현식을 이용해 3개의 파트에 대해 각 파트를 구성하는 좌표를 쭉... 뽑아내 보는 코드는 아래와 같습니다.
var wkt:String = "POLYGON ((100 200, -200 300, -400 500), " + "(10 20, -20 -30, 40 50), (1 2, 2 3, 4 5)) "; var removePrefix:String = wkt.replace(/\bpolygon\b\s*$/i, ""); var removePostfix:String = removePrefix.replace(/\s*$\s*$/, ""); var parts:Array = removePostfix.match(/$.*?$/g); for each(var part:String in parts) { var vertices:Array = part.match(/[+-]?\d*(\.?\d+)/g); var cntVertices:uint = vertices.length; trace("\nPOLYGON VERTICES LIST"); for(var iVertex:uint=0; iVertex<cntVertices; iVertex+=2) { var x:Number = vertices[iVertex]; var y:Number = vertices[iVertex+1]; trace("\tVERTEX: (" + x + "," + y + ")"); } } 실제 결과는 다음과 같습니다.

POLYGON VERTICES LIST VERTEX: (100,200) VERTEX: (-200,300) VERTEX: (-400,500) POLYGON VERTICES LIST VERTEX: (10,20) VERTEX: (-20,-30) VERTEX: (40,50) POLYGON VERTICES LIST VERTEX: (1,2) VERTEX: (2,3) VERTEX: (4,5) 정규표현식을 이제 막 익힌 제가 머리를 쥐어짜가며 구성한 코드입니다. 4개나 되는 정규표현식을 사용했습니다.. 정규표현식에 숙련된 자라면 휠씬 빠르고 적은 수의 표현식으로 동일한 결과를 얻어 낼 수 있을거라.. 생각해 봅니다.

아! 위의 코드는 예는 ActionScript입니다. 물론.. 정규표현식은 C#, JavaScript, C, PHP 등등 매우 많은 언어에서 사용할 수 있는 기능입니다. 각 언어에 따라 정규표현식에 대한 API가 다르지만 정규표현식 자체는 거의 동일합니다.

플래시 3D 테스트

(김형준(Dip2K)) — Wed, 11 Jan 2012 22:40:01 +0900

[Flash] /attach/1/1043990065.swf

플래시 11 설치 필요.. 플래시 11이 설치된 안드로이드에서는 보일까... 또한 얼마나 많은 사용자들의 PC에 플래시 11이 설치되어져 있을까..

플래시 11이 설치된.. IE7, 8, 9 그리고 크롬, 사파리 웹 브라우져에서 정상적으로 실행됨.. 그런데 안드로이드에서는 않됨.. 인터넷으로 검색해 보면 된다고 나와 있는데... 뭐가 잘못된 걸까...... 애플의 iOS는 AIR 형태로 개발해 올리면 실행이 될까....?