reload with follow: zenith

celestial.js

@@ -1,7 +1,7 @@
 // Copyright 2015-2020 Olaf Frohn https://github.com/ofrohn, see LICENSE
 !(function() {
 var Celestial = {
-  version: '0.7.14',
+  version: '0.7.15',
   container: null,
   data: []
 };
@@ -920,12 +920,16 @@ Celestial.display = function(config) {
     return cfg.width;
   }; 
   this.reload = function(config) { 
+    var ctr;
     //if (!config || !has(config, "transform")) return;
     //cfg.transform = config.transform; 
     if (config) Object.assign(cfg, settings.set(config));
     if (cfg.follow === "center" && has(cfg, "center")) {
-      mapProjection.rotate(getAngles(cfg.center));
-    }
+      ctr = getAngles(cfg.center);
+    } else if (cfg.follow === "zenith") {
+      ctr = getAngles(Celestial.zenith());
+    } 
+    if (ctr) mapProjection.rotate(ctr);
     container.selectAll("*").remove(); 
     load(); 
   }; 
@@ -3284,6 +3288,8 @@ function geo(cfg) {
       zenith[2] = 0;
       if (config.follow === "zenith") {
         Celestial.rotate({center:zenith});
+      } else {
+        Celestial.redraw();
       }
     }
   }
@@ -3301,17 +3307,15 @@ function geo(cfg) {
     if (dtpick.isVisible()) dtpick.hide();
     date.setTime(dt.valueOf());
     $("datetime").value = dateFormat(dt, zone); 
-    if (config.follow === "zenith") go();
-    else Celestial.redraw();
+    go();
   };
   Celestial.timezone = function (tz) { 
     if (!tz) return zone;  
     zone = tz || zone;
     Object.assign(config, settings.set());
     if (dtpick.isVisible()) dtpick.hide();
     $("datetime").value = dateFormat(date, zone); 
-    if (config.follow === "zenith") go();
-    else Celestial.redraw();
+    go();
   };
   Celestial.position = function () { return geopos; };
   Celestial.location = function (loc) {

demo/planets-animation.html

@@ -24,7 +24,7 @@
       form: true,
       formFields: {"location": true, "general": false, "stars": false, "dsos": false, "constellations": false, "lines": false, "other": true},
       advanced: false,
-      //follow: "center",
+      follow: "center",
       projection: "orthographic",
       datapath: "https://ofrohn.github.io/data/",
       planets: { show: true },

package.json

@@ -1,6 +1,6 @@
 {
   "name": "d3-celestial",
-  "version": "0.7.14",
+  "version": "0.7.15",
   "description": "A star map with D3.js",
   "main": "celestial.js",
   "directories": {

src/celestial.js

@@ -1,6 +1,6 @@
 /* global module, require, settings, bvcolor, projections, projectionTween, poles, eulerAngles, euler, getAngles, transformDeg, getData, getPlanets, getPlanet, listConstellations, getConstellationList, getMwbackground, getGridValues, Canvas, halfπ, $, px, Round, has, hasCallback, isArray, isNumber, arrayfy, form, geo, fldEnable, setCenter, interpolateAngle, formats */
 var Celestial = {
-  version: '0.7.14',
+  version: '0.7.15',
   container: null,
   data: []
 };
@@ -919,12 +919,16 @@ Celestial.display = function(config) {
     return cfg.width;
   }; 
   this.reload = function(config) { 
+    var ctr;
     //if (!config || !has(config, "transform")) return;
     //cfg.transform = config.transform; 
     if (config) Object.assign(cfg, settings.set(config));
     if (cfg.follow === "center" && has(cfg, "center")) {
-      mapProjection.rotate(getAngles(cfg.center));
-    }
+      ctr = getAngles(cfg.center);
+    } else if (cfg.follow === "zenith") {
+      ctr = getAngles(Celestial.zenith());
+    } 
+    if (ctr) mapProjection.rotate(ctr);
     container.selectAll("*").remove(); 
     load(); 
   }; 

src/location.js

@@ -179,6 +179,8 @@ function geo(cfg) {
       zenith[2] = 0;
       if (config.follow === "zenith") {
         Celestial.rotate({center:zenith});
+      } else {
+        Celestial.redraw();
       }
     }
   }
@@ -196,17 +198,15 @@ function geo(cfg) {
     if (dtpick.isVisible()) dtpick.hide();
     date.setTime(dt.valueOf());
     $("datetime").value = dateFormat(dt, zone); 
-    if (config.follow === "zenith") go();
-    else Celestial.redraw();
+    go();
   };
   Celestial.timezone = function (tz) { 
     if (!tz) return zone;  
     zone = tz || zone;
     Object.assign(config, settings.set());
     if (dtpick.isVisible()) dtpick.hide();
     $("datetime").value = dateFormat(date, zone); 
-    if (config.follow === "zenith") go();
-    else Celestial.redraw();
+    go();
   };
   Celestial.position = function () { return geopos; };
   Celestial.location = function (loc) {