웹 브라우저에 건물의 3D 모델을 어떻게 표시 할 수 있습니까?


12

사용자가 Google지도 스트리트 뷰와 유사한 방식으로 상호 작용할 수 있도록 웹 브라우저에서 제안 된 건물을 보여 주려고합니다. 모든 플랫폼에서이 작업을 수행 할 수 있습니까?

인류에게 알려진 지리 공간 형식으로 건물 형식을 만들 수 있지만 Google Streetview는 API를 사용하여 포인트를 삽입하는 것만 허용합니다. 나는 (내가 Google 어스 플러그인을 사용하지 선호하는 이유입니다) [이를 볼 수있는 플러그인을 다운로드하는 사용자를 강제로 원하지 않는 의견에 대 한 응답에서이 점을 업데이트 ].

필자가 생각한 한 가지는 다른 도구에서 건물의 정적 이미지를 사용하여 파노라마를 만들어 스크롤 할 수 있는지도를 만들려고 시도한 것입니다. 나는 이것이 Google의 서비스 약관에 위배된다고 가정하지만, 이것이 어떻게 이루어질 수 있는지 궁금합니다.

또한이 기능에 유료 서비스를 사용 하거나 Kartograph , WebGL 과 같은 새로운 기술 또는 http://threejs.org/ 와 같은 3D 자바 스크립트 라이브러리를 고려할 수 있습니다.


VRML (Virtual Reality Modeling Language)을 고려 했습니까? 브라우저 플러그인이 필요하지만.

GIS-SE에 오신 것을 환영합니다 :) 귀하의 답변은 질문에 대한 답변이 아니므로 향후에 의견과 같은 조언을 게시하십시오.
Curlew

이것은 질문에 대한 답변을 제공하지 않습니다. 작성자의 의견을 비판하거나 설명을 요청하려면 게시물 아래에 댓글을 남겨주세요. 언제든지 자신의 게시물 에 댓글 수 있으며 평판 이 충분 하면 게시물댓글 수 있습니다 .
Curlew

도움이 될 수도 있습니다 gis.stackexchange.com/questions/58133/…
Sunil

답변:



5

원하는 상호 작용의 종류에 따라 다릅니다.

모델을 지리 참조 된 KML 또는 KMZ 파일 (아마도 Sketchup 또는 Blender 사용)로 변환 할 수 있다면 다른 KML과 같은 방식으로 열고 Google 어스에서 3D 모델을 볼 수 있습니다 (풍력 터빈으로이 작업을 수행함) Google의 거친 지형 해상도에도 불구하고 합리적으로 효과적 일 수 있습니다.

고품질로 많은 디테일을 보여주고 싶다면 일부 '무거운'애플리케이션을 고려할 수 있습니다. 예를 들어 Unity , Panda3D 또는 Blender (Blender의 웹 플러그인을 ' 버스터 ' 라고 함 )를 사용할 수 있습니다. 모두 웹에 3D 뷰어 플러그인이 있습니다.

누군가 VRML을 언급했습니다. VRML은 현재 구식이며 X3D 로 대체 되었지만 사용자가 플러그인을 설치해야합니다.

Flash 3D ( Stage3D )는 다른 옵션이며 대부분의 사람들은 이미 최신 Flash 플러그인을 설치 했으므로 최종 사용자에게는 최소한의 번거 로움이 될 것입니다.

더 가벼운 것을 원한다면 OSM3D 는 XNavigator를 사용하는 펀트 가치가 있습니다. 후자는 통합 구성 요소로 제공 될 수 있으므로 최종 사용자는 아무것도 설치할 필요가 없습니다 (뷰어가로드 될 때까지 기다려야 함).


1
PostGIS를 사용하고 있으므로 KML로 내보내는 것이 좋습니다 (현재 세부 사항이 아닌 일반 매스에 관심이 있습니다). 사용자가 플러그인을 다운로드 할 필요가 없기 때문에 Google 어스에서 멀리 떨어진 이유입니다. OSM3D를 살펴 보겠습니다. 감사합니다.
djq

osm3d.de/map.htm 은 보안상의 이유로 대부분의 브라우저에서 차단하는 Java 플러그인에 따라 다릅니다. maps.osm2world.org의 타일과 같은 미리 렌더링 된 타일은이를 피하지만 미리 렌더링 된 뷰 방향 만 허용합니다.
AndreJ

2

글쎄, 당신의 두 가지 다른 것에 대해 이야기합니다. 스트리트 뷰는 실제로 3D 건물이 아니며 파노라마와 비슷합니다. 웹 브라우저에 3D 건물을 표시하려는 경우 Google 어스 웹 플러그인을 설치 한 다음 3D 건물 모델을 .KMZ로 저장하거나 3D 이미지 갤러리 (이전 Google Warehouse)에로드 할 수 있습니다 ).


이 방법에 대해 생각했지만 플러그인이 필요없는 접근법을 원합니다. 스트리트 뷰는 3D 건물이 아니라는 것을 알고 있지만 건물을 삽입 할 수 있도록 이미지의 파노라마를 편집 할 수있는 방법이 있는지 궁금했습니다.
djq

1
상단 X와 Y 좌표가 하단 X와 Y 코드 위에있는 다각형 평면을 만드는 것은 어떻습니까? 그런 다음 사진을 해당 평면에 적용 할 수 있습니다. 이는 스트리트 뷰와 비슷합니다.
Ryan Garnett

2

이 접근 방식의 한 가지 예는 다음에서 확인할 수 있습니다. www.arcgis.com/apps/CEWebViewer/ 이것은 CityEngine 3D를 사용하는 ArcGIS에서 가져온 것으로 건물 세트를 확대 / 축소 할 수 있습니다.

더 많은 예제를 찾고 있으며 http://vizicities.com/ 이라는 도시 시각화에 중점을 둔 흥미로운 예제를 발견했습니다 . 여기에서 시각화를 수행하는 방법에 대한 설명이 있습니다. http://rawkes.com/articles / vizicities-dev-diary-1

흥미로운 3D 인터랙티브 객체의 다른 두 가지 예는 다음과 같습니다.

또 다른 약속 WebGL이 방식은 사용에있을 수 세슘 : http://cesium.agi.com/demos.html KML 출력을 처리 할 수 있습니다.


1

Sketcup Web Exporter라는 Sketchup 용 플러그인이 있습니다.이 플러그인은 건물을 각 각도의 일련의 jpeg와 함께 모두 가져 오는 작은 JS 코드로 내보낼 수 있습니다. 진정한 3D 솔루션은 아니지만 사용자가 고정 된 고도에서 모델을 회전 할 수 있으며 플러그인이 필요하지 않습니다. http://www.youtube.com/watch?v=j0Tmlko5YTU 적절한 3D 및 지리 컨텍스트를 원한다면 Google 어스 플러그인 솔루션을 찾고 있습니다.


0

GitHub에서 호스팅 되는 AreaCAD-GIS 오픈 소스 프로젝트를 살펴 보는 것이 좋습니다 . 리포지토리는 도시 공간 관련 구조의 설계, 유지 보수 및 분석을위한 소프트웨어 도구 세트 인 INOVA AreaCAD-GIS 개념과 관련된 프로젝트를 용이하게합니다. 널리 사용되는 CAD, GIS 및 BIM 플랫폼을 기반으로하는 프로젝트는 Unity 3D, Autodesk Revit 및 AutoCAD 응용 프로그램 및 관련 API를 사용하여 공간 계획 및 인프라 네트워크 설계에 대한 전문 지식을 통합합니다. 목표는 INSPIRE 데이터 사양을 사용하여 앞서 언급 한 플랫폼 바인딩을 작성하는 동시에 디자인, 시뮬레이션 및보고 워크 플로우에서 게임과 같은 사용 편의성을 활용하는 것입니다.


0

Threejs에는 웹 브라우저에서 3D 객체를로드하는 매우 유용한 옵션이 있습니다. Mt. 이 링크 에는 Everest가 표시되어 있습니다.

여기에 이미지 설명을 입력하십시오

이 예제는 평면을 Collada 객체로 사용하여 3D를 생성하기 위해 threejs 라이브러리를 사용하며 SRTM DEM에서 생성 된 .bin 형식과 Bluemarbel (250m) 이미지의 텍스처를 사용하여 Mt everest가 만들어졌습니다. 이 예제는 blog.thematicmapping.org 에서 발췌 한 입니다.

이를 위해서는 WebGL (클라이언트의 GPU를 사용함)에 브라우저를 활성화하고 플러그인을 설치하면됩니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.