Hyper Globe – The world for your website or app
Examples
There are a ton of styling choices. See what is feasible…
Features
- Easy to create with a configurator.
- Can be built-in into any kind of website.
- Add markers, texts, strains or HTML parts to geo areas.
- Responsive, cross-browser appropriate, works in InternetViews
- Lightweight: lower than 50 KB (gzipped), asynchronous loading
- Secure and knowledge safety compliant, no dependencies, no cookies
- Scripting API for superior use instances.
- Comes with documentation, supply code, help and limitless updates.
Configurator
Get an thought of tips on how to create a globe.
FAQ
- Where can it’s built-in?
Any CMS, web page builder or kind of website must be okay. All it’s important to do is insert HTML code. WordPress customers have the choice to combine it with a plugin. You ought to be capable to host recordsdata on your net server however it’s not required (all the pieces might be embedded into the code). It even works with native HTML recordsdata and in InternetViews (apps). - What abilities are required?
The configurator can be utilized by anybody. Advanced use instances could require information of CSS, JavaScript or picture enhancing. - What can I take advantage of it for?
Anything you possibly can consider, e.g. show of department workplaces, journey plans, factors of curiosity, transport routes, worldwide companions, origin of assets, service apps, training, statistics, heatmaps, knowledge visualisation, particular results. - Is there a path model?
Sorry, we don’t supply a path model. You buy with out danger, as you get a full refund in case you are not glad! - What applied sciences are used?
It is an ES6 JavaScript module that gives a customized factor named <hyper-globe>
CSS variables are used for styling, so the looks might be modified with @media queries. A WebGL context is used for quick rendering. - Can I take advantage of it with my framework?
All code and examples are in native JavaScript so there aren’t any dependencies. You are free to make use of it with the framework of your selection (e.g. React/Vue/Angular/…) however we can not help you. - What can I do with customized CSS?
- Styling based mostly on @media queries (e.g. for smartphones or darkish mode)
- Styling of hover states
- Styling based mostly on customized CSS selectors
- What can I do with scripting?
- Use occasions (e.g. marker click on) for customized behaviors.
- Dynamically add or take away content material
- Animate the globe and content material kinds
- Use helper strategies (e.g. get the geo location of a click on)
- Can I load areas from a database?
Yes, however it’s important to write the server-facet script to fetch and serve the info your self. The documentation reveals a approach so as to add content material loaded by way of an Ajax request.
