본문 바로 가기

공간정보교육센터

HOME >공간정보교육센터>이용안내>지도 Open API>지도 Open API 예제
지도 Open API
Open API 예제
flex지도 open api 예제
FLEX API SILVERLIGHT API JAVASCRIPT API TAB 4 IOS
ANDROID MOBILE WEB
flex api예제

소개 (FLEX)

이 문서는 플렉스를 사용하여 웹 사이트를 구현하는데 익숙한 사용자를 대상으로 하였습니다.
플렉스를 이용해 웹 사이트에 지도를 표시하려면, 플렉스 지도 API 를 포함하고 있는 플렉스 컴포넌트(SWC)를 Flex Builder 3에 등록하여 아래 예제와 같은 코드를 작성해야 합니다.
예제를 사용하기 위해서는 FLEX 개발툴을 설치해야 합니다.

  • 1) 기본예제(Tiled Map) 사용하기
    Arc GIS Flex API에서 Tiled Map을 사용하여 지도를 표시하는 간단한 예제입니다.
    예제) TiledMap.mxml
  • 기본예제(Tiled Map) 사용하기

    미리보기 소스보기

  • 2) 기본예제(Dynamic Map)사용하기
    Arc GIS Flex API에서 DynamicMap을 사용하여 지도를 표시하는 간단한 예제입니다.
    예제) DynamicMap.mxml
  • 기본예제(Dynamic Map)사용하기

    미리보기 소스보기

  • 3) 기본컨트롤사용하기
    Arc GIS Flex API에서 확대,축소,이동,이전,이후,전체를 사용하여 지도를 표시하는 예제입니다.
    예제) NavigationToulbar.mxml
  • 기본컨트롤사용하기

    미리보기 소스보기

  • 4) 네비게이션 스타일 바꾸기
    Arc GIS Flex API에서 네비게이션 스타일을 변경하는 예제입니다.
    예제) NavigationStyling.mxml
  • 네비게이션 스타일 바꾸기

    미리보기 소스보기

  • 5) 지도상에 정보창 이용하기
    Arc GIS Flex API에서 해당좌표에 정보를 보는 예제입니다.
    예제) InfoSymbulBasics.mxml
  • 지도상에 정보창 이용하기

    미리보기 소스보기

  • 6) 지도상에 해당위치에 마우스 오버시 정보표시
    지도상에서 사용자에 의해서 일어나는 마우스 오버시 해당 위치의 정보를 조회할 수 있습니다.
    예제) InfoWindowRullOverSample.mxml
  • 지도상에 해당위치에 마우스 오버시 정보표시

    미리보기 소스보기

  • 7) 검생창 기능 만들기
    지도 레이어의 내용을 조회하여 검색하기
    예제) FindTask_ZoomInResults.mxml
  •  검생창 기능 만들기

    미리보기 소스보기

  • 8) 기본기능 완성 예제1
    Flex API을 이용하여 가장 기본적인 기능을 포함한 맵뷰어 창을 만듭니다.
    예제) basicMapSample.mxml
  • 기본기능 완성 예제1

    미리보기 소스보기

  • 9) 기본 인쇄기능
    Flex API을 이용하여 가장 기본적인 인쇄기능 만듭니다.
    예제) basicMapPrinting.mxml
  • 기본 인쇄기능

    미리보기 소스보기

  • 10) 고급 인쇄기능
    Flex API을 이용하여 가장 고급 인쇄기능 만듭니다.
    예제) extensionMapPringting.mxml
  • 고급 인쇄기능

    미리보기 소스보기 소스다운받기

  • 11) 저장기능
    Flex API을 이용하여 저장기능을 만듭니다.
    예제) Mapimageave.html
  • 저장기능

    미리보기 소스보기

  • 12) 거리구하기
    Flex API을 이용하여 거리구하기 기능을 만듭니다.
    예제) MapDistance.mxml
  • 거리구하기

    미리보기 소스보기 소스다운

  • 13) 면적구하기
    Flex API을 이용하여 면적구하기 기능을 만듭니다.
    예제) MapArea.mxml
  • 면적구하기

    미리보기 소스보기 소스다운받기