Interactive Earth 3D allows to rotate a globe and call actions after clicking on the defined hotspots. This animated globe uses the HTML5 feature called WebGL. No plug-ins (e.g. Flash) are required.
You can add your own hotspots, connect and customize them:
- position (longitude and latitude)
- color
- title
- action
These actions are available:
- open an image in the build-in lightbox
- show a text or html content in the build-in lightbox
- open a hyperlink
- call a JavaScript callback
- call your own JavaScript code
Following parameters are editable too:
- earth radius
- rotation speed
- sun intensity
- path to the directory with texture
How does it work?
Just adda a <div>
element to your html code:
<div id="globe"> ... </div>
Create a <div>
element within it to add a hotspot:
<div class="poi" latitude="51.179" longitude="-1.826" label="Stonehenge"> </div>
COMPATIBILITY:
Does your browser support the WebGL functionality? You can find out here:
http://en.wikipedia.org/wiki/WebGL
http://doesmybrowsersupportwebgl.com
This item was tested and works in:
Chrome (version 38) on Windows & OSX
IE (version 11) on Windows
Firefox (version 33) on Windows & OSX
Opera (version 25) on Windows & OSX
Safari (version 7.0.6) OSX*
*after activation WebGL in Safari settings
CREDITS:
This component uses jQuery and Three.js:
http://jquery.com
http://threejs.org
[eltd_button size=”huge-full-width” type=”outline” text=”Download & Demo Links” custom_class=”#” icon_pack=”font_awesome” fa_icon=”” link=”” target=”_blank” color=”” hover_color=”” background_color=”” hover_background_color=”” border_color=”” hover_border_color=”” font_size=”” font_weight=”” margin=””]
Demo = Interactive Earth Globe 3D
[eltd_button size=”huge” type=”” text=”Full Live Demo” custom_class=”” icon_pack=”font_awesome” fa_icon=”fa-laptop” link=”https://codecanyon.net/item/interactive-earth-globe-3d/9633593″ target=”_blank” color=”” hover_color=”” background_color=”” hover_background_color=”” border_color=”” hover_border_color=”” font_size=”” font_weight=”” margin=””]
Kindly Note: We update new contents like WordPress Themes, Plugins, PHP Scripts everyday. But remember that you should never use this items in a commercial website. All the contents posted here for development & testing purpose only. We’re not responsible for any damage, use at your own RISK! We highly recommend to buy Interactive Earth Globe 3D from the The Developer ( flash_fx ) website. Thank you.
Download = Interactive Earth Globe 3D-[Updated].zip