70 comments found.
Hello fjordside sir i have sent you a query email. please check it out and reply soon. Thanks a lot.
Yes, thanks – please check your inbox
For any support related support requests please use my mail, thanks 
Hi, zoom can be disabled?
Hi there – zooming can not be disabled directly from options.
Hello I am looking for a way to rotate globe to specific coordinates.
Hi there – please try this: g.globe(‘rotate’,lat,lng) Kind regards Jan
Hello I am looking for a way to stop globe rotation
Hi there – please try this in your initial settings: autoRotate: {val: false, desc: “makes the globe NOT autorotate on startup”}
I want to show the details of hotspot in other div rather than showing it in modal (pop up). also how to detect the click event of hotspot? Thanks in advance.
Hi there,
I think everything you need is in the code in this example:
http://html5globe.fjordsite.dk/demos/sample-page/Thanks Jan
Hi Fjordside,
Can you please let me know the action/event to stop the rotation of globe. I also want rotation start and stop action/event. for example we have g.globe(‘rotate’,lat,long) for rotating the globe to passed coords. so please tell me g.globe action(event) you are using on clicking on globe canvas to stop globe rotation.
Hello – please try this: start autorotate jQuery(’#globeGl_’).globe(‘option’,’autoRotate’,{val:’true’})
stop autorotate jQuery(’#globeGl_’).globe(‘option’,’autoRotate’,{val:’false’})
Hi, Actually I am rotating globe for 15sec (Here Globe is rotating in clockwise direction) after 15sec when I am triggering globe(‘rotate’) to stop the globe at particular lat long. But when stop function trigger that time globe is rotate in anticlock wise direction and then stop at given lat long. Please give me option details to stop globe in clockwise direct only. because rotating in clockwise and stopping in anticlock wise is not looking good.
Hello fjordside Sir,
I have been waiting for your response for 3 days. Could you please guide me.
Here i will re ask the query again:
- So I have a globe feature, in which globe rotates clockwise for about 10 sec and then stops at specific coordinates. - The problem is that when it stops, It rebounds the rotation anti-clockwise with a kind of jerk. - So what we want is that it should not rebound anti-clockwise at stopping time. It should only turn clockwise.
Please reply soon. Thank you for the help.
Hi there – thanks for getting back to me about this. for your initial rotation of the globe you could reverse the direction by setting the rotatespeed to a negative value – either in you options or after initialization using this: jQuery(’#globeGl_’).globe(‘option’,’autoRotateSpeed’,{val:’-0.03’})
It is a great idea to chain different rotationsevents using timers to simulate an animation – i like it
Hope this helps you out…
For any further support requests please use my mail.
Thanks Jan
Hello fjordside Sir,
As you said I tried this setting jQuery(’#globeGl_’).globe(‘option’,’autoRotateSpeed’,{val:’-0.03’}).
But when I am doing this setting my gloge rotates anti-clockwise. Actually I want globe rotation and globe rotate to specific coordinates i.e. g.globe(‘rotate’,latitute,longitude); to be in same direction. i.e. clockwise.
Because in autospeed -0.03 globe is rotating in anti-clockwise but when I am stopping globe to specific coordiantes in this globe rotates clockwise. I want both setting in clockwise direction.
Please reply soon. Thank you for the help.
Hello again – could you post a link to your project?
I have sent the link to your email, please check it. Reply soon. Thanks
I could use this to show location data from database yes?
Sorry, no – this globe gets its info directly from specially formated div-elements on the page.
Hi, is it possible to embed a 3D globe like this in a Drupal website? And in that case, would it be possible to use Drupal field values for locations and hotspots (using Views)? Thanks for any tip and greetings from France!
Hello – thank you for your interest in the HTML5 Globe. The globe gets its information from the html on the page, in which it is initiated, using specific div classes and data attributes. This is generated using the included stand-alone generator-tool.
The globe is added to a page as html, including references to appropriate css and js resources, that are uploaded into a seperate folder on the server – so i guess the globe is compatible with Drupal, and just about any other cms, including wordpress.
The globe is not directly compatible with the Drupal field values.
Kind regards Jan Fjordside
Many thanks for your answer, I will probably consider this tool soon 
Hi,
We want to integrate this plugin in our HTML website. Can we add? Also, Can we customize according to our requirement? Please clarify
We want to show some information about the particular location. This is our reference site – https://www.gsmlondon.ac.uk/global-oil-map/#1995-importers please check and let us know whether we can implement.
Looking forward to your response. Thanks!
Hello,
Thank you for your interest in the HTML5 globe component.
Please find answers embedded into your questions below…
We want to integrate this plugin in our HTML website. Can we add? - Yes you can integrate the globe with your html website, if you know a little html – mostly copy and paste
Also, Can we customize the plugin according to our requirement.? Please clarify - There are several ways to customize the globe, please refer to the demos on this site: http://html5globe.fjordsite.dk/demos/mono/
And it will be responsive or not? - If your surrounding html is responsive, the globe will do its best to follow – but this is not just a simple image or block of text, so it might not respond the way one might think.
We want to show information about the branch office when clicking on a particular location. - please have a look at this link: http://html5globe.fjordsite.dk/demos/sample-page/ - with a little css, js and html knowledge you can implement this, using the demos source as a starting point
please check the reference website link – https://www.gsmlondon.ac.uk/global-oil-map/#1995-importers\ – Looks very nice..
And please confirm if the above plugin is the same. - it is not made with my HTML5 globe component
Looking forward to your response. Thanks.
I hope this helps clarify things – please let me know if you need anything else.
Kind regards Jan
Hi! My client requested to change the mousewheel direction (to fit the same that google, now it works the opposite way) and I cant figure it out. Could you help me? Thanks!
Hi there – this is not directly supported, and would require a code change, please get in touch using my contact email, for an estimate on the task. Thanks
Hi, is this work with ionic 3?
Hello – im not familiar with ionic 3, so i cant say.
how can add custom icons please?
I cant get this working at with wordpress. I followed the help file and generator bubt am gettinghundreds of errors like:
globe.min.js:4 Uncaught Error: THREE.Quaternion: .setFromEuler() now expects a Euler rotation rather than a Vector3 and order. at THREE.Quaternion.setFromEuler (globe.min.js:4) at THREE.Euler.onChangeCallback (globe.min.js:6) at THREE.Euler.set y [as y] (globe.min.js:5) at b.A (globe.min.js:3) globe.min.js:4 THREE.WebGLRenderer.render: camera is not an instance of THREE.Camera.
Hi there – thanks for buying. Please drop me a link to your project so i can help you out.
Kind regards Jan
Thx Jan, replied using the form.
How would I go about disabling the mouse so you can’t move the globe around with it. Only want it to rotate.
I guess you could comment the mouse event listeners out in the code – it is not directly supported with params.
Where can I slow down the speed of the globe rotation to a data lat and long once a on-click event is clicked?
Never mind, found it.
I’m trying to set something similar to this up:http://html5globe.fjordsite.dk/demos/sample-page/
But, I would like to hide the hotspots on the globe until they actually click the link Show on Globe. Then when they click it, it spins to hotspot showing the info.
Is this possible?
Hi there,
Thank you for buying
I guess you could do some kind of manipulation of css classes adding and removing classes according to what the user clicks in the list, maybe use jquery for this.
This is not directly supported though.
Kind regards Jan
1. Using your html generator it is easy to add hotspots but how to REMOVE some
2. There are two css classes related – hotspot and hotspotoverride however after the globe is embedded modifying these classes don’t reflect the hotspots, especially the text popup (on mouseover) – A) how can we style the text (color, background, border, size) and 
how to completely remove the text popups (when mouse over a hotspot)
Thank you
Hi there – thank you for buying
1: There are no way to directly remove the hotspot in the generator – BUT you can erase the unwanted hotspot by removing its div tag, in the generated output, when you are done.
2: Please have a go at changing this css id: hotspot_details – it controls the look of the popup that appears next to the hotspot on mouseover. B: please try adding this css to hotspot_details; display: none !important;
Thanks Jan
Thanks, actually #hotspot_details didn’t work for the font and background, I checked your css and found the correct one is #details_content (for the font and background) and #hotspot_details for the border, but it is again background and there is padding – a little confusing but I finally guessed it
One more thing – may be a request for enhancement (do you think this is easy to be done) – if the globe and its canvas are set to full width scrolling with the mouse prevents the page scrolling but instead scales the globe; on mobile scrolling actually rotates it. What is this behavior is enabled only if the scroll appears inside the circle of the globe? So if one does it in the outside space the regular browser actions could be performed. Otherwise (especially on mobile) it is really confusing for the user and sometimes it is actually impossible to scroll as the whole canvas appears on the screen.
What I will do as a quick hack is to place a transparent layer over the canvas at the right side at let say 20% so this area it will not be possible to manipulate the globe but instead the default browser action will run.
Hello, nice work.. please the popup is not responsive.. can it be responsive because i am willing to make purchase. thank you
Hi there – Thank you for your interest in the HTML5 globe. The pop up (lightbox) is set to take up 80% of screenwidth, by default (changeable via params). Doesnt this work for your?. Do you mean the contents of the popup? Thanks Jan
Pre-sales Question: Does this globe have the ability to create an input dropdown that lets the user select a country, then have the globe spin to that country and high light it?
Hi there,
The globe cant highlight a country, as it is just a jpg that makes up the whole earth texture.
If you know some js and html/css you could make your own version of this example (using the globe) – you are welcome to the code at the demosite:
http://preview.codecanyon.net/item/html5-globe/full_screen_preview/8108270?_ga=2.39265514.896409323.1537117099-2118193596.1443010022Hi, I have implemented the globe in my website, but its not rotating in its axis, but it also swinging from left to right slightly. Also please add the option to stop and rotate on mouseover and mouseout, on globe not on canvas.
Hi – thanks for buying. Do you have your project online somewhere, please send me a link so i can help you out – thanks.
Now I am trying to implement the g.globe(‘startAutoRotate’). but I crash. Could you give me some indication? Thank you
Hi – please provide a url to your project, for me to help you
Hi. Great job! How can I remove the boder of the canvas?
Hi – Thanks for buying – This could be accomplished by changing the css styling. If you have your project online somewhere, send me a link and i can help you better
Thank you very much for the offer. I have already solved
Hi ! After opening the pop-up window of a specific countries ! the Globe stop rotating. I want when I close the pop-up window the Globe keep rotating … Looking to get your advise.
Best Regards
Hi – thanks for buying – please try implementing this js to start the globes automatic rotation again;
g.globe(‘startAutoRotate’)
