All geek questions in one place

3D View of Google Maps / Routes?

I need to build a live map of the current flights of the plane 3d . It should be able to run in the browser without downloading the plugin (Google Cough Cough cough).

I have already done something similar to a google map:

enter image description here

But I need to show it in 3d - globe POV :

sort of: enter image description here

Is there anything I can do on google maps to make them globe-3d or is there something else (API) that I can use?

+6
source share
3 answers

A good starting point would be webgl-globe from the Google Data Arts team. It is built on three.js and webgl:

enter image description here

You will need to change the bars to arcs, but this is the start :)

Caution: webgl is the best way to get interactive 3d in a browser without other dependencies, but it is not yet supported by safari or IE, or if the user lacks graphics drivers.

+7
source

You can use the projection of the Mercantor to compare the coordinates of the sphere with the plates of Google maps, I. e. pixelcoordinate. You can then select an open source library for drawing on canvas, and then add some simple matrix transformation to rotate the globe. Tile mapping works with a quad key. It describes: http://msdn.microsoft.com/en-us/library/bb259689.aspx .

+1
source

I remember seeing a tweet, I think Paul Irish, who allowed you to modify Google maps, using css to create the shape of the globe.

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

I don't know if it has been updated since it was only the last Chrome, but it might be worth a look.

+1
source

Source: https://habr.com/ru/post/948566/

More articles:


All Articles