김형준 GIS 연구소 (for Developers) -

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

핑거아이즈의 거리와 면적의 측정은 매쉬업 레이어를 대상으로 작동합니다. 그러므로 거리와 면적을 측정하기 위해서는 지도 컴포넌트에 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 매서드로 대체되었습니다. 아래의 그림은 거리 측정 버튼을 클릭하고 마우스로 거리를 측정하는 화면입니다.

[BlackPoint] Identify 기능 구현

안드로이드 기반의 범용 GIS 엔진인 블랙포인트에서 SHP 파일을 화면에 표시한 뒤에 터치를 통해 도형의 속성을 확인하는 Identify 기능에 대한 API 사용 방법입니다.

먼저 터치를 통한 속성을 확인할 SHP 파일을 레이어로 추가하는 코드는 다음과 같습니다.

private void addLayer() { String ess = Environment.getExternalStorageState(); String sdCardPath = null; if(ess.equals(Environment.MEDIA_MOUNTED)) { sdCardPath = Environment.getExternalStorageDirectory().getAbsolutePath(); ShapeLayer riLayer = new ShapeLayer( "ri_layer", sdCardPath + "/external_sd/ri.shp"); LayerManager layerMan = map.getLayerManager(); layerMan.addLayer(riLayer); riLayer.setKeepShownFID(true); // Option Code SimpleDrawShapeTheme riTheme = (SimpleDrawShapeTheme)riLayer.getTheme(); riTheme.getStrokeSymbol().setWidth(2); riTheme.getStrokeSymbol().setAntiAlias(true); riTheme.getFillSymbol().setHollow(true); } } 기억해야 할 것은 추가한 레이어의 이름을 7번 코드처럼 ri_layer로 지정했다는 것과 10번 코드를 통해 화면 상에 표시되는 도형에 대한 FID를 기억해 두라는 코드입니다. 10번 코드가 꼭 필요한 것은 아니지만 속도 향상을 위해서라면 추가해 주는 것이 좋습니다. 위의 코드를 통해 레이어가 추가된 화면은 다음과 같습니다.

다음 코드는 레이어를 추가한 후에 지도의 위치를 설정해 주는 코드입니다.

private void moveMap() {
    CoordMapper coordMapper = map.getCoordMapper();

    coordMapper.moveTo(145207, 263662);
    coordMapper.zoomByMapScale(740000);
  
    map.update();
}

(145207, 263662) 좌표가 화면의 중심에 놓일 것이며 지도 축척은 1:740000이 될 것입니다. 위의 addLayer 함수와 moveMap 코드를 Activity의 onStart 함수에서 실행합니다.

@Override
public void onStart() {
    super.onStart();
    
    DisplayMetrics outMetrics = new DisplayMetrics();
    getWindowManager().getDefaultDisplay().getMetrics(outMetrics);
    int DPI = outMetrics.densityDpi;
    
    map = (XrMap)findViewById(R.id.map);
    map.setDPI(DPI);
    
    addLayer(); // 레이어 추가 !
    moveMap(); // 지도 이동 !

    map.setMouseMode(MouseMode.PickingMode);
    setTouchEvent();
}

12번과 13번 코드가 바로 레이어 추가와 지도 이동에 대한 함수입니다. 15번 코드는 블랙포인트의 맵 컴포넌트에서 터치 이벤트를 발생할 수 있도록 풀어주는 코드입니다. 15번 코드처럼 마우스 모드를 PickingMode로 지정하지 않으면 지도 조작(지도 확대/축소, 이동, 회전)으로 화면 터치 이벤트가 활용됩니다. PickingMode로 지정해 줌으로써 화면 터치가 더 이상 지도 조작 기능이 아닌 본래의 터치 이벤트 발생으로써 반응합니다. 16번 코드는 화면 터치에 대한 이벤트를 설정해 주기 위한 함수로 다음과 같습니다.

private void setTouchEvent() {
    map.setOnTapUpListener(new OnTapUpEventListener() {
        public void onTapUp(MotionEvent event) {
            boolean bDrawing = map.getRendererManager().isWorking();
            map.getRendererManager().waitForDrawing(true);
 
            String layerName = "ri_layer";
            ShapeLayer layer = (ShapeLayer)map.layers()
                .getLayerByName(layerName);
            if(layer != null) {
                PointD coord = 
                    map.getCoordMapper().V2W(
                        new PointD(event.getX(), event.getY()));
                try {
                    Vector<Integer> fids = layer.getFIDsByMapCoord(coord);
                    if(fids != null) {
                        int cntFIDs = fids.size();
                        for(int iFID=0; iFID<cntFIDs; ++iFID) {
                            ShapeAccess sa = (ShapeAccess)layer.getAccess();
                            AttributeRowSet ars = 
                                (AttributeRowSet)sa.getAttributeRowSet();
                            int FID = fids.get(iFID);
                            AttributeRow ar = sa.loadAttributeById(FID);
                            StringBuilder msg = new StringBuilder();
                            FieldSet fs = ars.getFieldSet();
                            int cntFields = fs.getFieldsCount();
            
                            for(int iField=0; iField<cntFields; ++iField) {
                                Field field = fs.getField(iField);
                                String fieldName = field.getFieldName();
                                String fieldValue = 
                                    ar.getValueAsString(iField);
             
                                msg.append(fieldName);
                                msg.append(": ");
                                msg.append(fieldValue);
                                msg.append("\n");
                            }
               
                            new AlertDialog.Builder(BP_IdentifyActivity.this)
                                .setTitle(
                                    "지번조회 결과(" + 
                                        (iFID+1) + "/" + cntFIDs + ")")
                                .setMessage(msg)
                                .setPositiveButton("확인", 
                                    new DialogInterface.OnClickListener() {
                                    public void onClick(
                                        DialogInterface dialog, 
                                        int whichButton) {}
                            }).show();
                        }
 
                        if(bDrawing) {
                            map.update();
                        }
 
                        return;
                    }
                } catch(IOException e) {
                    e.printStackTrace();
                }        
            }
    
            new AlertDialog.Builder(BP_IdentifyActivity.this)
                .setTitle("지번조회 결과")
                .setMessage("검색 결과가 없습니다.")
                .setPositiveButton("확 인", 
                    new DialogInterface.OnClickListener() {
                public void onClick(DialogInterface dialog, int whichButton) {}
            }).show();
    
            if(bDrawing) {
                map.update();
            }
        }
    });
}

코드가... 졸라맨입니다.. ㅡ_ㅜ 어렵지 않은 코드이니.. 하나 하나 설명드리면 다음과 같습니다. 2번 코드는 일반적으로 안드로이드에서 터치에 대한 TapUp 이벤크 리스너를 할당하는 코드입니다. 4번 코드는 터치가 발생하는 순간에 지도가 그려지고 있는지를 상태를 저장해 둡니다. 5번 코드는 인자를 true로 줌으로써 강제로 지도 그리기를 멈추게 합니다. 만약 false를 주면 지도 그리기가 완료될때까지 대기합니다. 7~8번 코드는 앞서 레이어를 추가할때 지정해 둔 레이어 이름으로 레이어를 얻어옵니다. 11~13번 코드는 화면 좌표를 지도 좌표로 변환하는 코드입니다. 15번 코드가 터치된 위치의 도형의 ID 목록을 얻어오는 코드입니다. 19~26번 코드는 터치된 도형의 속성을 얻기 위한 객체를 준비하는 것이고 실제 24번 코드를 통해 파일에서 속성값을 로드(load)합니다. 28~38번 코드는 속성값으로 메세지로 표시할 문자열값을 구성합니다. 그리고 40~50번 코드를 통해 문자열을 화면에 대화창으로 표시합니다. 53~55번은 앞에서 저장해둔 터치 당시에 지도 그리기 중이였다면 다시 지도를 그리도록 합니다. 그리고 57번의 return문을 통해 함수를 종료합니다. 이후의 코드는 터치한 위치에 도형이 존재하지 않는다라는 메세지를 표시하는 코드입니다. 코드보다... 설명이 더 간단하군요... ㅡOㅡ; 아래의 결과는 실제 터치를 통해 속성값 정보가 표현된 화면입니다.