Stack Overflow
Stack Overflow

Questions tagged [planetary.js]

Planetary.js is a JavaScript library based on D3 and TopoJSON for creating interactive globes via HTML5 Canvas.

Planetary.js is a JavaScript library for building awesome interactive globes. It uses D3 and TopoJSON to parse and render geographic data. Planetary.js uses a plugin-based architecture; even the default functionality is implemented as plugins! This makes Planetary.js extremely flexible.

Salient features of Planetary.js are:

  • Fully customizable, including colors, rotation, and more

  • Display animated "pings" at any location with custom colors and sizes

  • Mouse drag + zoom support

  • Extremely extensible via a plugin-based architecture

  • 100% free and open source, licensed under the MIT license

For more information, documentation, examples & download; visit its official site

10 questions
9
votes
2 answers

Add more functionality to planetaryJS globe

I want to add two functionalities in planetaryJS globe I wanted to increase Zoom speed for globe created by planetary JS How can I generate multiple pings like the ones being generated here. I know it needs a set of longitude and latitude but I am…
prashantitis
  • 1,797
  • 3
  • 23
  • 52
3
votes
1 answer

Getting the lat and long of a click event

Is there a way to get the latitude and longitude when a user click somewhere on a planetary.js globe? It's not in the planetary.js API, but is there a way to do it in d3.js? If there isn't how hard would it be to implement the solution?
qw3n
  • 6,236
  • 6
  • 33
  • 62
1
vote
1 answer

Customize stroke width of land

The Planetary JS Earth plugin takes a config object that can define fill and stroke colors for oceans, land, and border. Unfortunately, the docs don’t give any information about can be passed into the configs for each of these. I’d like to control…
keithjgrant
  • 12,421
  • 6
  • 54
  • 88
1
vote
0 answers

Rotate Planetaryjs map on click event

I am trying to set up a list of links of countries that when the user clicks a link the planetaryjs map rotates to center the selected country on in the 3D map. I have tried to create a planetaryjs plugin without much luck and looked into D3…
j4jefferson
  • 31
  • 5
1
vote
1 answer

Restrict the drag event to only x direction using planetary.js

I came across planetary.js--for rotating a globe--after it supported mobile devices. I would like to know if the drag plugin can restrict the movement only to the x-axis and rotate the globe to a certain level. Say, for example, I have 3 latlng…
Abhilash L R
  • 805
  • 1
  • 9
  • 24
1
vote
1 answer

angular with canvas animation (planetaryjs) jerks after switching views

I am using planetaryjs inside an angular directive. The planetary rotation animation is working fine when the page first loads, but after switching the views and coming back to the planetary animation, it starts to jerk. Here is a Plunker showing…
François Romain
  • 13,617
  • 17
  • 89
  • 123
0
votes
1 answer

planetaryjs globe not working - javascript

I want this type of globe and I am using planetaryjs for this. I have added the necessary resources for that in external resources link including all js files and data file. why the globe is not loading? jsfiddle link (function() { var canvas =…
prashantitis
  • 1,797
  • 3
  • 23
  • 52
0
votes
2 answers

Can't get planetary.js to work

So I have been all over plantary.js page, ran though all the checks, installed as they asked etc. I cannot get the site to load. Googled, and looked here as well. I have used the quickstart exactly as they said as well. What am I doing wrong? I am…
Steve K
  • 1
  • 1
0
votes
1 answer

Is it possible to use RGBA colors with PlanetaryJS elements?

I'm drawing some points over a planet drawn in planetaryjs, and I'd like to make them semi-transparent using RGBA color. planet.loadPlugin(function(planet) { planet.onDraw(function () { planet.withSavedContext(function (context) { var…
porkloin
  • 11
  • 3
0
votes
2 answers

Matching coordinates on Google Maps to planetary.js

I am looking to migrate from Google Maps to planetary.js and I need to move a bunch of markers. Does anyone know how Google Maps coordinates match to coordinates in planetary.js? If I have a Google Maps location such as "-33.654437, 151.188164" -…
user2959777
  • 1
  • 3