HTML5 Globe generator.

Preview

Options

Label Value Description
globeRadius defines the size of the globe
globeShine defines the shininess of the globes material
globeTexture defines wich texture to use for the globe
globeBump defines wich texture to use for the globe
globeMinScale sets minimum zoomlevel
globeMaxScale sets maximum zoomlevel
globeSegments defines the globes coarsness - high value (50) gives smooth and round globe, lower values might increase performance on slow systems
momentum defines the globes rotation-momentum, low values produce more momentum (the globe appears heavier)
ambientIntensity defines intensity for the ambient light
ambientColor defines color for the ambient light
ambientPosX defines x position for the ambient light
ambientPosY defines y position for the ambient light
ambientPosZ defines z position for the ambient light
headLampIntensity defines intensity for the main light
headLampColor defines color for the main light
headLampPosX defines x position for the main light
headLampPosY defines y position for the main light
headLampPosZ defines z position for the main light
hotSpotIcon default texture for the hotspots - hotspots are alignet left-top by default
backPlateTexture texture for the globes halo
backPlateMargin defines how far the halo extends from the globe
debugMode used for testing
popWidth default maxwidth for colorbox popup
popHeight default maxheight for colorbox popup
contentClass wich class to use for hotspotgeneration
hotspotCssOverride Use this to override graphic properties on hotspots
cameraTargetX cameras target x position
cameraTargetY cameras target y position
cameraTargetZ cameras target z position
autoRotateSpeed sets the speed on autorotate
autoRotate makes the globe autorotate on startup
clickExternal name of custom function to call on hotspotclick - overrides the default lightbox popup
assetPath Use this to prepend all assets with a path
zoomWheelDirection Use this to control the direction of zoomwheel zooms - options are 'downIn' or 'downOut'

Output for HTML

Copy this to a blank html-file.

For use on a Wordpress page

- Upload the folder named html5GlobeFiles (found under "WPupload") to the root of your site. (yoursite.xyz/htmlGlobeFiles)
- Paste the content of the textarea below, into your wordpress page - make sure you are in text / htmlmode.
- You may need to add this to your functions.php (to prevent wordpress from changing your content on save)
remove_filter( 'the_content', 'wpautop' );
remove_filter( 'the_excerpt', 'wpautop' );