[GeoServer활용]ArcGIS for Flex기반의 F-GIS/Pro에 적용

[공공칠빵]

[GeoServer활용]ArcGIS for Flex기반의 F-GIS/Pro에 적용

기존 응용개발한 프로그램들은 안정적으로 구축하거나 발주처에서 지정한 상용 GIS서버엔진을 사용해왔습니다.

예전엔 여러 국내/국외 엔진으로 구축을 요청하다가, 거의 악악(Arc GIS)거려서 아크로 개발하다가

요즘은 또 프로젝트 규모에 따른 비용절감과 Open Source Open API  Open Data을 좋아해서

특정업체에 얽매이지 않는 GIS서버엔진을 사용해 달라는 주문이 들어오기 시작했다 ㅠㅠ.

첫번째로 GeoServer를 사용해서 기존 개발툴에 적용해보기로하였습니다.

"ArcGIS for Flex"엔진을 기반으로한 F-GIS/Pro와 "FingerEyes-Xr"을 기반으로한 Xr-GIS/Pro를 대상으로 함.

이전글, [GeoServer활용]GeoServer설치/설정 ( http://cafe.naver.com/gisapplication/877 ) 참조하세요

 GeoServer는 공유, 분석 및 개방형 표준을 사용하여 모든 주요 공간 데이터 소스 지리 공간 데이터를 편집하는 강력한지도 기능 서버입니다. 먼저 윈도우 또는 맥, 리눅스용 설치본을 다운로드 받아 서버에 설치합니다.

GeoServer를 설치하고 실행하면, GeoServer설정할수있는 웹사이트창으로 설정할 수 있는데 오픈인지만 설정 UI가 참 잘 구성되어 있습니다. 국내용은 이런 설정이나 번들 프로그램에 목숨걸고 개발하지는 않지요 ㅠㅠ

GeoServer에 여러 형식의 레이어를 올릴 수 있습니다.

위 사이트에서 새 작업 공간과 데이터 저장소를 순서대로 만듭니다.(생략)

Shapefile파일을 특정 폴더에 넣습니다, 그리고 레이어 생성창에서 아래처럼 설정합니다.

스타일 설정도 있는데 TMS나 WMS로 사용할게 아니고 벡터 그대로 WFS방식을 사용할것임므로 스타일 설정은 응용 프로그램에서 해도 됩니다, 필드로 주제도도 만들려면 벡터로 사용하는것이 좋습니다,

 다만 많은 개수를 뿌릴려면 스타일을 예쁘게해서 WMS나 KML등으로 해도됩니다.

이번에는 먼저 "ArcGIS for Flex"엔진을 기반으로한 F-GIS/Pro를 GeoServer의 벡터데이터로 중첩하는 기능입니다.

그림처럼 일반 이미지형식의 TMS나 WMS등이 아니라 WFS로 읽어 GraphicsLayer로 벡터로 읽어 선택과 스타일, 속성정보 조회, 주제도 등이 가능하도록 하였습니다.

 소스는 최신으로 유지하기 위해 원문( http://cafe.naver.com/gisapplication/878 ) 에만 올렸습니다

* 주요소스 : 첨부파일 참조

- wfs package에 WFSLayer.as와 WFSQueryTask.as 등을 보면 됩니다.

   다만 현재는 급히 가능성만 테스트한것이라 polygon만 수정 하였습니다.

1) map에 레이어 형식 추가 : 기존 ArcGiS가 제공하는 WFSLayer처럼하지만 GraphicsLayer와 같게 사용한다.

 <layers:WFSLayer id="Layer1" url="{GEOServerWMS_URL}" swapCoordinates="false"
       load="WFSLayerLayerLoad(event)"
       graphicAdd="Layer1_graphicAddHandler(event)"
      featureName="GSWaterS_K:Layer1" featureSRS="EPSG:900913">
   <layers:renderer>
    <esri:SimpleRenderer>
     <esri:SimpleFillSymbol style="solid" color="0x00FFFF" alpha="0.1">
      <esri:SimpleLineSymbol width="2" color="0x0000FF" alpha="1.0"/>
     </esri:SimpleFillSymbol>
    </esri:SimpleRenderer>
   </layers:renderer>
  </layers:WFSLayer>

2) GeoServer의 Shapefile 레이어호출은 아래방식으로...

 "http://000.000.000.000:8888/geoserver/GSWaterS_K/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=GSWaterS_K:Layer1"

3) GeoServer에서 보내온 WFS의 GML로 객체를 생성함

 private function createGeometry(
   graphic :Graphic,
   geometry :XMLList,
   query :WFSQuery,
   spatialReference :SpatialReference ) :void
  {
   for each( var shape :XML in geometry )
   {
    var shapeType :String = shape.name();
    var typeElements :Array = shapeType.split( "::" );
    var type :String = typeElements[typeElements.length - 1];
    
    if( type == "Point" )
    {
     graphic.geometry = createPoint( shape, query.swapCoordinates, spatialReference );
    }
    else if( type == "Polygon" || type == "Surface" )
    {
     graphic.geometry = createPolygon( shape, query.swapCoordinates, spatialReference );
    }
    else if( type == "LineString" || type == "Curve" )
    {
     graphic.geometry = createLine( shape, query.swapCoordinates, spatialReference );
    }
    else if( type == "MultiSurface" || type == "MultiPolygon")
    {
     graphic.geometry = createMultiPolygon( shape, query.swapCoordinates, spatialReference );
    }
    else if( type == "MultiCurve" || type == "MultiLineString" )
    {
     graphic.geometry = createMultiLine( shape, query.swapCoordinates, spatialReference );
    }
   }
  }