웹사이트

WebGIS 기능 개발

지도 위에서 자료를 확인하고 업무를 처리하는 화면을, 기존 시스템 구조에 맞춰 개발합니다.

유형
WebGIS 기능 개발
버전
v0.1.0
예시 · 준비 중
최근 수정 2026-09-17
예상 기간
4~8주

SPEC

기술 스펙

화면
  • Vue 3
  • TypeScript
지도
  • OpenLayers
서버
  • Spring Boot

FIT

이런 프로젝트에 맞습니다

  • 이미 운영 중인 업무 시스템에 지도 화면을 붙여야 하는 경우
  • 목록과 표로만 처리하던 업무에서 위치 확인이 자주 필요한 경우
  • 기존 인증·권한 체계는 그대로 두고 화면만 늘려야 하는 경우

PREBUILT

예시로 살펴볼 구성

아래는 예시에서 다루는 구성입니다. 실제 템플릿의 기능과 제공 범위는 제작·검증을 거쳐 확정할 예정입니다.

지도 화면 기본 구성
배경지도, 레이어 목록, 확대·축소, 도형 클릭 조회까지 동작하는 화면이 준비되어 있습니다.
레이어·선택 상태 관리
레이어 표시 전환과 지도·목록 선택 연동을 스토어 구조로 잡아 두었습니다.
WMS·WFS 연동 규격
지도 서버와 주고받는 요청·응답 형식과 오류 처리 기준이 정해져 있습니다.
기존 인증 연결 지점
토큰·세션을 그대로 넘겨 쓰도록 API 호출 계층의 연결 지점이 분리되어 있습니다.

프로젝트에 맞춰 구성과 디자인을 조정합니다.

SCREENS

예시 화면

구성과 화면 흐름을 참고하기 위한 예시입니다. 최종 템플릿의 디자인과 스타일은 아직 확정되지 않았습니다.

통합 검색창과 업무 메뉴가 함께 놓인 지도 기반 진입 화면.
지도 진입 화면 · 검색과 업무 메뉴를 한 화면에서 연결한 구성입니다.
목록에서 선택한 항목을 지도에서 강조하고 오른쪽 상세 패널을 연 화면. 업무 데이터는 모자이크 처리되어 있다.
목록·지도·상세 연동 · 목록에서 고르면 지도가 해당 도형을 강조하고 오른쪽에 상세를 엽니다.

SCOPE

포함 범위

결과물

  • 합의한 지도 기반 화면과 기능
  • 연동 API 또는 연동 규격 문서
  • 테스트 결과와 배포 안내

포함 범위

  • 업무 요구사항 정리와 화면 정의
  • 지도 화면과 연계 기능 구현
  • 기존 인증·권한 체계와의 연결
  • 검수 기준에 따른 동작 확인과 1회 수정

제외 범위

  • 공간데이터 신규 구축과 정제
  • 기존 시스템 전면 재개발
  • 외부 지도·API 이용료
  • 운영 서버 상시 관제

제공 범위와 제외 범위를 먼저 정의한 뒤 진행합니다. 일정과 세부 조건은 협의 후 SOW에서 확정합니다.

이 서비스가 해결하는 문제

표와 목록만으로는 위치가 중요한 업무를 판단하기 어렵습니다. 지도 위에서 현황을 확인하고 바로 다음 업무로 이어지는 화면을 만들면 확인과 처리 사이의 단계가 줄어듭니다.

진행 방식

  1. 업무 흐름과 기존 시스템 구조를 확인합니다.
  2. 화면과 기능 목록, 검수 기준을 SOW로 확정합니다.
  3. 화면과 연계 기능을 구현하고 중간 확인을 진행합니다.
  4. 검수 기준에 따라 동작을 확인하고 배포를 지원합니다.

범위와 추가 개발의 구분

SOW에 적힌 화면과 기능이 기준대로 동작하지 않으면 하자입니다. 새 화면, 새 데이터 연계, 새 통계 항목은 추가 개발로 보고 Change Request로 처리합니다.

FAQ

자주 묻는 질문

기존 시스템 코드를 봐야 하나요?
기존 화면과 API 구조를 확인해야 정확한 범위를 정할 수 있습니다. 소스 접근이 어려우면 문서와 화면 기준으로 범위를 좁혀 진행합니다.
어떤 지도 라이브러리를 사용하나요?
OpenLayers와 MapLibre를 주로 사용합니다. 기존 시스템이 이미 다른 라이브러리를 쓰고 있다면 그 구성을 우선 검토합니다.

필요한 구성이 있으신가요?

필요한 화면과 연동 범위를 알려주시면 가능한 범위를 정리해 회신합니다.

이 구성으로 문의하기