Interactive Earth Globe 3D

Interactive Earth 3D allows to rotate a globe and phone actions after clicking on the defined hotspots. This lively globe makes use of the HTML5 function referred to as WebGL. No plug-ins (e.g. Flash) are required.

you'll add your own hotspots, attach and customise them:

• position (longitude and latitude)
• color
• name
• motion

These actions can be found:

• open a picture in the build-in lightbox
• display a textual content or html content material in the build-in lightbox
• open a link
• name a JavaScript callback
• call your personal JavaScript code

Following parameters are editable too:

• earth radius
• rotation speed
• solar depth
• route to the directory with texture

How does it paintings?

Simply adda a <div> component in your html code: <div identity="globe"> ... </div> Create a <div> element inside it so as to add a hotspot: <div magnificence="poi" range="51.179" longitude="-1.826" label="Stonehenge"> </div>

COMPATIBILITY:

Does your browser support the WebGL functionality? you'll be able to discover here: http://en.wikipedia.org/wiki/WebGL
http://doesmybrowsersupportwebgl.com
This item used to be tested and works in:
Chrome (version 38) on Home Windows & OSX
IE (model ELEVEN) on Home Windows
Firefox (model 33) on Windows & OSX
Opera (version 25) on Windows & OSX
Safari (model 7.0.6) OSX&ast;

&ast;after activation WebGL in Safari settings

CREDIT:

This element uses jQuery and Three.js:
http://jquery.com
http://threejs.org
FULL DOWNLOAD