[OpenLayers+Three.js] 3D뷰어 V0.3: 브이월드3D건물 + 포털타일맵 + 고도데이터WCS

[공공칠빵]

[OpenLayers+Three.js] 3D뷰어 V0.3: 브이월드3D건물 + 포털타일맵 + 고도데이터WCS

three.js JavaScript 라이브러리를 이용해서, GeoServer에 DEM(geoTiff) 고도 데이터를 OGC 서비스 WCS와

브이월드3D건물/교량과 브이월드/네이버/카카오(다음맵), 구글타일맵 TMS로 텍스처하여 3D 블록을 쉽게 표시하는 것입니다.

장점은 여러 타일맵과 건물3D모델링하고 중첩하여 볼 수 있다는 점.볼 수 있다는 점과 구면좌표계가 아닌 다양한 확장을 위한 평면 좌표계를 사용합니다.

일본에서 3D/VR을 했었지만. 이분야는 고해상도 데이터와 모델링, 텍스처 등이 필요하므로 개별로 개발하는것이 무의미해서 지양하고 있었지만 이번에는 추가요청으로 이번에는 - 브이월드 3D 건물 및 교량 중첩.

시간나면 차후 자체 DEM과 브이월드 DEM으로 지형을 만들어볼까합니다 ...ㅠㅠ

* 프로젝트 요청 :

- 기존글 [OpenLayers] 3D뷰어 : 브이월드TMS + 고도데이터WCS + three.js 참조 (기본 소스)

- 기존글 [OpenLayers] 3D뷰어 V0.2 + three.js 참조 (기본 소스)

- 현재화면에 대한 가벼운 3D창 모듈

- 범용적인 타일맵TMS 텍스쳐(브이월드, 네이버, 카카오, 구글 등)

- 자체 고도데이터(DEM, 드론 등) WSC로 3D 지형 생성

- WMS등을 중첩으로 지상/지하 등 확장성 필요

- 현화면 MBR과 방향선 표시

- 3D창 마우스 위치의 좌표 및 고도 표시 (화면 좌하단)

- 일반/위성/하이브리드/와이어 프레임 등 지도종류 선택

- 브이월드/네이버/구글/다음지도("EPSG:5181"중첩시 좌표변환과 크로스도메인으로 Proxy php사용) 타일맵 중첩

- 브이월드 3D 건물 및 교량 중첩

* 데모 : http://www.gisapplication.kr/OL/fgis_three

* 응용 : FGIS/Paint 그림판/낙서지도 : http://www.gisapplication.kr/ol/paint

* 브이월드 3D 건물 및 교량 중첩 주요소스 : 원문 참조 https://cafe.naver.com/gisapplication/1117

[OpenLayers+Three.js] 3D뷰어 V0.3: 브이월드3D건물 + 포털타일맵 + 고도데이터WCS