Làm thế nào mô hình 3D của tòa nhà có thể được hiển thị trong trình duyệt web?


12

Tôi muốn thử hiển thị một tòa nhà được đề xuất trong trình duyệt web để người dùng có thể tương tác với nó theo cách tương tự như google maps streetview. Có thể làm điều này, trong bất kỳ nền tảng?

Tôi có thể tạo định dạng tòa nhà theo bất kỳ định dạng không gian địa lý nào được nhân loại biết đến, nhưng theo như tôi có thể nói, Google Streetview chỉ cho phép các điểm được chèn bằng API của họ. Tôi không muốn buộc người dùng tải xuống một plugin để xem cái này (đó là lý do tại sao tôi không muốn sử dụng plugin Google Earth) [ cập nhật điểm này để phản hồi các bình luận ].

Tôi nghĩ rằng tôi đã cố gắng tạo một bức tranh toàn cảnh bằng cách sử dụng các hình ảnh tĩnh của tòa nhà trong một số công cụ khác có thể cuộn được để tạo ra diện mạo mà nó được nhúng trong bản đồ. Tôi cho rằng điều này sẽ trái với các điều khoản dịch vụ của Google, nhưng tôi chủ yếu tò mò làm thế nào điều này có thể được thực hiện.

Tôi cũng sẵn sàng sử dụng bất kỳ dịch vụ trả phí nào cho chức năng này hoặc xem xét bất kỳ công nghệ mới nào như Kartograph , WebGL hoặc có lẽ là thư viện javascript 3D như http://threejs.org/


Bạn đã xem xét VRML (Ngôn ngữ mô hình thực tế ảo) chưa? Mặc dù plugin trình duyệt là bắt buộc.

Chào mừng bạn đến với GIS-SE :) Câu trả lời của bạn không phải là câu trả lời cho câu hỏi, vì vậy vui lòng xem xét việc đăng những lời khuyên như nhận xét trong tương lai.
Curlew

Điều này không cung cấp một câu trả lời cho câu hỏi. Để phê bình hoặc yêu cầu làm rõ từ một tác giả, hãy để lại nhận xét bên dưới bài đăng của họ - bạn luôn có thể nhận xét về bài đăng của riêng bạn và khi bạn có đủ danh tiếng, bạn sẽ có thể nhận xét về bất kỳ bài đăng nào .
Curlew

Có thể hữu ích cho bạn gis.stackexchange.com/questions/58133/ Kẻ
Sunil

Câu trả lời:



5

Rất nhiều phụ thuộc vào loại tương tác bạn muốn.

Nếu bạn có thể chuyển đổi mô hình của mình thành tệp KML hoặc KMZ được tham chiếu địa lý (có thể sử dụng Sketchup hoặc Blender) thì bạn có thể mở mô hình giống như bất kỳ KML nào khác và xem mô hình 3D của bạn trong Google Earth (Tôi đã thực hiện điều này bằng tua-bin gió và nó có thể có hiệu quả hợp lý, mặc dù độ phân giải địa hình thô của Google).

Nếu bạn muốn hiển thị nhiều chi tiết với chất lượng cao, bạn có thể muốn xem xét một số ứng dụng 'hạng nặng'. Chẳng hạn, bạn có thể dùng thử Unity , Panda3D hoặc Blender (plugin web của Blender được gọi là ' Burster ') - tất cả đều có plugin trình xem 3D cho web

Ai đó đã đề cập đến VRML. VRML hiện tại hơi cũ và được thay thế bởi X3D , mặc dù điều này cũng yêu cầu người dùng cài đặt plugin.

Flash 3D ( Stage3D ) là một tùy chọn khác và hầu hết mọi người đã cài đặt plugin Flash cập nhật, vì vậy đây sẽ là mức tối thiểu phiền phức cho người dùng cuối của bạn.

Nếu bạn muốn một cái gì đó nhẹ hơn thì OSM3D có thể đáng để chơi, sử dụng XNavigator. Cái sau có thể được cung cấp như một thành phần tích hợp để người dùng cuối của bạn không cần phải cài đặt bất cứ thứ gì (mặc dù họ cần phải chờ người xem tải).


1
Tôi đang sử dụng PostGIS, vì vậy xuất khẩu trong KML là tốt (tôi quan tâm đến khối lượng chung, hơn là chi tiết tại thời điểm này). Tôi muốn người dùng không cần phải tải xuống một plugin, đó là lý do tại sao tôi tránh xa google earth. Tôi sẽ xem OSM3D, cảm ơn.
djq

osm3d.de/map.htm phụ thuộc vào plugin java, bị chặn bởi hầu hết các trình duyệt vì lý do bảo mật. Các ô xếp sẵn như những bản đồ từ maps.osm2world.org tránh điều đó, nhưng chỉ cho phép các hướng xem được hiển thị trước.
AndreJ

2

Vâng, kinda của bạn nói về hai điều khác nhau. Chế độ xem phố không thực sự là một tòa nhà 3D, nó giống như một bức tranh toàn cảnh. Nếu bạn đang xem hiển thị tòa nhà 3D trong trình duyệt web, bạn có thể muốn cài đặt plugin web Google Earth, sau đó lưu mô hình tòa nhà 3D của bạn dưới dạng .KMZ hoặc thậm chí tải nó vào Kho 3D (Google Warehouse cũ ).


Tôi đã nghĩ về phương pháp này - nhưng tôi muốn một cách tiếp cận không yêu cầu plugin. Tôi hiểu rằng streetview không phải là tòa nhà 3D, nhưng tôi tự hỏi liệu có cách tiếp cận nào có thể cho phép chỉnh sửa toàn cảnh hình ảnh để có thể chèn tòa nhà không.
djq

1
Điều gì về việc xây dựng một mặt phẳng đa giác trong đó tọa độ X và Y phía trên nằm trên dây X và Y thấp hơn. Sau đó, bạn có thể áp dụng các bức ảnh cho máy bay đó, điều này sẽ tương tự như một cảnh quan đường phố.
Ryan Garnett

2

Một ví dụ về cách tiếp cận này có thể được nhìn thấy ở đây: www.arcgis.com/apps/CEWebViewer/ Đây là từ ArcGIS sử dụng CityEngine 3D nơi bạn có thể phóng to xung quanh một tập hợp các tòa nhà.

Tôi đã tìm kiếm nhiều ví dụ và tìm thấy một ví dụ thú vị tập trung vào trực quan hóa thành phố, được gọi là http://vizicities.com/ Có một lời giải thích về cách họ thực hiện trực quan hóa của họ ở đây: http://rawkes.com/articles / vizicities-dev-nhật ký-1

Hai ví dụ khác về các đối tượng tương tác 3D thú vị có thể xem tại đây:

Một cách tiếp cận WebGL đầy hứa hẹn khác có thể là sử dụng Caesium : http://cesium.agi.com/demos.html có thể xử lý đầu ra KML.


1

Có một plugin cho Sketchup có tên là Sketcup Web Exporter sẽ xuất tòa nhà của bạn dưới dạng một loạt các jpeg của mỗi góc cũng như một đoạn mã JS nhỏ để kết hợp tất cả chúng lại với nhau. Đây không phải là một giải pháp 3D thực sự nhưng cho phép người dùng xoay quanh mô hình ở độ cao cố định và không yêu cầu bất kỳ plugin nào. http://www.youtube.com/watch?v=j0Tmlko5YTU Tôi sẽ có xu hướng hướng tới giải pháp Plugin Google Earth nếu bạn muốn 3D và bối cảnh địa lý phù hợp.


0

Tôi khuyên bạn nên xem dự án nguồn mở AreaCAD-GIS được lưu trữ trên GitHub. Kho lưu trữ tạo điều kiện cho một dự án liên quan đến khái niệm INOVA AreaCAD-GIS - một bộ công cụ phần mềm để thiết kế, bảo trì và phân tích các cấu trúc liên quan đến không gian đô thị. Dựa trên các nền tảng CAD, GIS và BIM phổ biến, dự án tích hợp kiến ​​thức chuyên môn về lập kế hoạch không gian và thiết kế mạng cơ sở hạ tầng bằng các ứng dụng Unity 3D, Autodesk Revit và AutoCAD và các API liên quan. Mục tiêu là tạo ra các ràng buộc nền tảng đã nói ở trên bằng cách sử dụng các đặc tả dữ liệu INSPIRE, đồng thời tận dụng tính dễ sử dụng giống như trò chơi khi nói đến quy trình thiết kế, mô phỏng và báo cáo.


0

Threejs có các tùy chọn rất tốt để tải các đối tượng 3D trong trình duyệt web. Một ví dụ như vậy về một chiếc máy bay bay qua Mt. Everest được hiển thị trong liên kết này .

nhập mô tả hình ảnh ở đây

Ví dụ này sử dụng thư viện bjs để tạo 3D bằng mặt phẳng làm đối tượng Collada và Mt everest đã được tạo bằng định dạng .bin được tạo từ SRTM DEM và kết cấu từ hình ảnh Bluemarbel (250m). Ví dụ này là một trích xuất từ blog.thIALmapping.org .

Điều này chỉ cần bật trình duyệt cho WebGL (sẽ sử dụng GPU của máy khách) và không có plugin.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.