2013-07-02 34 views
6

Tôi cần xây dựng một bản đồ trực tiếp các chuyến bay máy bay hiện tại 3d. Nó cần để có thể chạy trên một trình duyệt mà không cần tải xuống bất kỳ plugin nào (ho Google Earth ho).Đại diện 3D của Google Maps/Tuyến đường?

tôi already managed doing một cái gì đó tương tự với bản đồ google:

enter image description here

Nhưng tôi cần để có thể hiển thị nó trong một 3d - globe POV:

cái gì đó như: enter image description here

Có điều gì Tôi có thể làm trong bản đồ google để làm cho họ toàn cầu-3d hoặc là có cái gì khác (API) mà tôi có thể sử dụng?

Trả lời

7

Điểm khởi đầu tốt có thể là webgl-globe từ nhóm Google Data Arts. Nó được xây dựng trên three.js và webgl:

enter image description here

Bạn sẽ phải thay đổi các thanh để cung, nhưng đó là một sự khởi đầu :)

Một caveat: webgl là cách tốt nhất để có được 3d tương tác trong trình duyệt không có các phụ thuộc khác, nhưng nó chưa được Safari hoặc IE hỗ trợ, hoặc nếu người dùng thiếu trình điều khiển đồ họa.

+1

nó thực sự là một vấn đề đối với tôi rằng nó không được hỗ trợ trong IE ... (và tôi đã thử nghiệm nó với ie10 ...) –

+0

Có một plugin WebGL cho Internet Explorer: http://iewebgl.com. Nếu điều đó không đáp ứng nhu cầu của bạn, Microsoft đã xác nhận rằng hỗ trợ WebGL sẽ được đưa vào IE11: http://techcrunch.com/2013/06/26/microsoft-confirms-webgl-support-for-internet-explorer-11/ – richj

1

Bạn có thể sử dụng phép chiếu mercantor để ánh xạ tọa độ hình cầu với các lát bản đồ của Google, I. e. pixelcoordinate. Sau đó, bạn có thể chọn một thư viện mã nguồn mở để vẽ lên khung vẽ và sau đó thêm một số phép chuyển đổi ma trận đơn giản để xoay quả địa cầu. Ánh xạ ngói hoạt động với khóa quad. Nó mô tả ở đây: http://msdn.microsoft.com/en-us/library/bb259689.aspx.

1

Tôi nhớ đã nhìn thấy một tweet, tôi nghĩ rằng bởi Paul Irish cho phép bạn thay đổi bản đồ google bằng cách sử dụng css để tạo ra một hình dạng toàn cầu.

http://updates.html5rocks.com/2012/09/Interactive-Globe-with-CSS-shaders-Google-Maps

Không biết nếu nó đã được cập nhật vì nó là Chrome mới nhất chỉ nhưng nó có thể có giá trị tham gia một cái nhìn.

+0

Cảm ơn nhưng nó chỉ trong canary với các thiết lập đặc biệt (về: flags), - thiết lập cho phép css shaders ........... Tôi không thể nói với khách hàng của tôi để làm điều đó ... :-) –