Animated SVG Globe with Markers and Logos - 1

Spinning Earth Globe animations with markers and logos’ carousel for Desktop and Mobile. Perfect way to visualize location of event/office/store/city or to showcase partners/sponsors logos.

Globe rotation made up with flat world maps animated in circle mask
Smooth animation (done with Velocity.js)
Animation speed and sequence controlled with Javascript (defined variables)
Animation shows up when the Globe becomes visible in the browser
Resolution independent SVG graphics (perfect for displays with higher pixel density, such as Retina)
Easy to change width, colors or visibility of elements, animation parameters
In total: 7 different animation examples + 33 color presets
Versions:
1. globe with map markers (3 examples)
2. globe with logo carousel (2 examples)
3. just the globe (2 examples)
Included:
- HTML, CSS, JS, SVG files
- Documentation
- PSD helper
Browsers:
- For Desktop: IE9, IE10, IE11, Chrome, Firefox, Safari, Opera
- For Mobile: iOS Safari, iOS Chrome, Android Chrome

Customer support

Documentation included (HTML)
Additional support by e-mail or this site.
I’m available to customise these files (at an additional cost). Mail me if you have any tasks.
Contact e-mail: cesgra@me.com

Ratings

See also:

Animated SVG Globe with Markers and Logos - 2

Spinning 3D Earth Globes (Pack of 5) – Flash

Animated SVG Globe with Markers and Logos - 3

Spinning Earth Globe (with Controlled Speed) – Flash

Animated SVG Globe with Markers and Logos - 4

World map with navigation menu – Flash

HD Spinning Earth Globe (for light background) – Video