◥✪◤[OL_LandLogics] 토지정보시스템 개발_1.화면설계

[공공칠빵]

[OL_LandLogics] 토지정보시스템 개발

1.화면설계

* 아래 기능별 사용방법은 유튜브 동영상을 참조하세요. (구독자등록해주시면 더좋아요^^)

   https://www.youtube.com/srhong007/

OpenLayers 6.X /JavaScript/html/css으로 그동안 Education을 만들어오면서 별도 프로젝트를 수행하였습니다. 3가지 상품 버전으로 요약하였습니다.

1. [OL_LandLogics] 토지정보시스템

- 현재응용분야 : 안내시스템, 토지정보, 자가 인허가 등

* 데모:   OL-LandLogics Version 2020 (IE에서는 느립니다. Chrome 사용권장)

2. [OL_WaterLogics] 상수도관망최적유지관리시스템

- 현재응용분야 :  상수도, 하수도, 지하시설물 등

* 데모:   OL-WaterLogics Version 2020

3. [OL_FGIS/Pro] GIS범용시스템

- 현재응용분야 :  입지분석, 전계강도분석, 차량관제 등

* 데모:   OL-FirstGIS/Professional Version 2020 (OL_FGISPro)

기능중 공통 및 특이한 기능은  "[OpenLayers] OL-FGIS/Pro 2020 상용버전 프로토타입버전"으로 1차 완료하여 전계강도분석, 입지분석 등에 적용하였습니다.  응용개발로 본연의 효자종목인 "[OL_WaterLogics] 상수도관망최적유지관리시스템" 구축을 진행중에 있습니다. 기존 Flash기반의 "[상수도관망최적관리시스템 2020] 통합모니터링시스템"을 OpenLayers/JavaScript/html5 기반으로 진행하고 있습니다. 그리고 3탄으로 [OL_WaterLogics] 토지정보시스템만들고 있으며 개발 내용을 정리해보려 합니다. (소스 및 비소스 공개 진행)

첫번째로  1.토지정보 분석에 용이한 화면구성입니다.

* 각 기능별 소스는 본 카페 게시글을 찾아보시면 공유되어 있습니다.

(1)화면분할

 - 양쪽화면에서 네이버, 카카오, 브이월드3D, 구글지도 선택 표시

 - 지도별 일반/위성(하이브리드)/지형도 선택 표시
 - 다음 카카오 항공사진은 년도별 비교 기능(우측 분할 화면)

 - 마우스 가상 커서, 마우스 이동 및 객체 선택시 연동 표시

 - 화면조절, 좌우 밀착시 자석효과

(2)레이어중첩

 - 지적도, 용도지역(도시/관리/농림/자연환경보전지역), 등고선 등 레이어 중첩 및 투명도 조절

 - 시설정보 아이콘, 도로(네비게이션이나 국가 도로에 없는 자체 내부 도로에 대한 길찾기)

 - 지형지도는 각 포털지도에 따라 서비스가 다르므로 자체 음영기복도 중첩으로 입체 효과

 - 로드뷰 방향 아이콘

* 모바일 화면