Added functionality and dark mode to doctests. And other changes in maps.

lib/pixi/maps/map.js

@@ -291,6 +291,10 @@ export class GeoMap {
         console.error('Overload get distance in subclass.')
     }
 
+    set alpha(value) {
+        console.error('Overload get alpha in subclass.')
+    }
+
     /**
      * Returns a screen point for a coordinate.
      */
@@ -374,11 +378,13 @@ export class GeoMap {
      * @returns {object} - Returns an object with the names as keys and the GeoMaps as value.
      * @memberof GeoMap
      */
-    static allFromJson(json) {
+    static allFromJson(json, root = './') {
         let error = { message: '' }
         let maps = {}
         if (GeoMap._validateJson(json, error)) {
             for (let [mapname, data] of Object.entries(json)) {
+                console.log(data.tiles, data.tiles.path, root + data.tiles.path)
+                data.tiles.path = root + data.tiles.path
                 maps[mapname] = GeoMap._createMap(data)
                 maps[mapname].name = mapname
             }
@@ -563,6 +569,7 @@ export class DeepZoomMap extends GeoMap {
 
         super.load(image, container, scatter)
 
+        console.log('LOADED: ', this.image)
         if (this.debug) console.log('Loaded image: ', image, 'With options: ', this.info)
     }
 
@@ -622,7 +629,7 @@ export class DeepZoomMap extends GeoMap {
 
             let containerCenter
             if (this.frame) {
-                containerCenter = this.getFrame().center
+                containerCenter = this.getFrame().localCenter
             } else {
                 containerCenter = {
                     x: this.image.parent.width / 2,
@@ -691,10 +698,21 @@ export class DeepZoomMap extends GeoMap {
 
     tint() {
         let color = DeepZoomMap.tintcolors[DeepZoomMap.tintcolor++ % DeepZoomMap.tintcolors.length]
+
+        this._forEachTile(tile => {
+            tile.tint = color
+        })
+    }
+
+    _forEachTile(callback) {
         this.image.children[0].children.forEach(tiles => {
-            tiles.children.forEach(tile => {
-                tile.tint = color
-            })
+            tiles.children.forEach(callback)
+        })
+    }
+
+    setAlpha(alpha) {
+        this._forEachTile(tile => {
+            tile.alpha = alpha
         })
     }
 
@@ -769,7 +787,6 @@ export class ImageMap extends GeoMap {
      * @memberof ImageMap
      */
     moveTo(coordinates, zoom = null, { animate = 0 } = {}) {
-
         if (this.image.scatter == null) {
             return
         }