@jupytergis/base 0.4.4 → 0.5.0

package/lib/annotations/components/AnnotationFloater.d.ts

@@ -1,7 +1,4 @@
 import React from 'react';
 import { IAnnotationProps } from './Annotation';
-interface IAnnotationFloaterProps extends IAnnotationProps {
-    open: boolean;
-}
-declare const AnnotationFloater: ({ itemId, annotationModel: model, open }: IAnnotationFloaterProps) => React.JSX.Element;
+declare const AnnotationFloater: ({ itemId, annotationModel: model }: IAnnotationProps) => React.JSX.Element;
 export default AnnotationFloater;

package/lib/annotations/components/AnnotationFloater.js

@@ -2,21 +2,26 @@ import React, { useState } from 'react';
 import { faWindowMinimize } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import Annotation from './Annotation';
-const AnnotationFloater = ({ itemId, annotationModel: model, open }) => {
-    const [isOpen, setIsOpen] = useState(open);
+const AnnotationFloater = ({ itemId, annotationModel: model }) => {
+    const annotation = model.getAnnotation(itemId);
+    const [isOpen, setIsOpen] = useState(annotation === null || annotation === void 0 ? void 0 : annotation.open);
     // Function that either
     // - opens the annotation if `open`
     // - removes the annotation if `!open` and the annotation is empty
     // - closes the annotation if `!open` and the annotation is not empty
     const setOpenOrDelete = (open) => {
-        var _a;
         if (open) {
+            model.updateAnnotation(itemId, { open: true });
             return setIsOpen(true);
         }
-        if (!((_a = model.getAnnotation(itemId)) === null || _a === void 0 ? void 0 : _a.contents.length)) {
-            return model.removeAnnotation(itemId);
+        const current = model.getAnnotation(itemId);
+        if (!(current === null || current === void 0 ? void 0 : current.contents.length)) {
+            model.removeAnnotation(itemId);
+        }
+        else {
+            model.updateAnnotation(itemId, { open: false });
+            setIsOpen(false);
         }
-        setIsOpen(false);
     };
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: "jGIS-Annotation-Handler", onClick: () => setOpenOrDelete(!isOpen) }),

package/lib/annotations/model.d.ts

@@ -12,6 +12,7 @@ export declare class AnnotationModel implements IAnnotationModel {
     getAnnotation(id: string): IAnnotation | undefined;
     getAnnotationIds(): string[];
     addAnnotation(key: string, value: IAnnotation): void;
+    updateAnnotation(id: string, updates: Partial<IAnnotation>): void;
     removeAnnotation(key: string): void;
     addContent(id: string, value: string): void;
     private _model;

package/lib/annotations/model.js

@@ -48,6 +48,15 @@ export class AnnotationModel {
         var _a;
         (_a = this._model) === null || _a === void 0 ? void 0 : _a.sharedModel.setMetadata(`annotation_${key}`, JSON.stringify(value));
     }
+    updateAnnotation(id, updates) {
+        var _a;
+        const existing = this.getAnnotation(id);
+        if (!existing) {
+            return;
+        }
+        (_a = this._model) === null || _a === void 0 ? void 0 : _a.sharedModel.setMetadata(id, JSON.stringify(Object.assign(Object.assign({}, existing), updates)));
+        this._updateSignal.emit(null);
+    }
     removeAnnotation(key) {
         var _a;
         (_a = this._model) === null || _a === void 0 ? void 0 : _a.removeMetadata(key);

package/lib/commands.js

@@ -8,6 +8,8 @@ import { JupyterGISDocumentWidget } from './widget';
 import { getGeoJSONDataFromLayerSource, downloadFile } from './tools';
 import { ProcessingFormDialog } from './dialogs/ProcessingFormDialog';
 import { getSingleSelectedLayer, selectedLayerIsOfType, processSelectedLayer } from './processing';
+import { fromLonLat } from 'ol/proj';
+import { targetWithCenterIcon } from './icons';
 function loadKeybindings(commands, keybindings) {
     keybindings.forEach(binding => {
         commands.addKeyBinding({
@@ -162,21 +164,21 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
     /**
      * Source and layers
      */
-    commands.addCommand(CommandIDs.newRasterEntry, Object.assign({ label: trans.__('New Raster Layer'), isEnabled: () => {
+    commands.addCommand(CommandIDs.newRasterEntry, Object.assign({ label: trans.__('New Raster Tile Layer'), isEnabled: () => {
             return tracker.currentWidget
                 ? tracker.currentWidget.model.sharedModel.editable
                 : false;
         }, execute: Private.createEntry({
             tracker,
             formSchemaRegistry,
-            title: 'Create Raster Layer',
+            title: 'Create Raster Tile Layer',
             createLayer: true,
             createSource: true,
             sourceData: {
                 minZoom: 0,
                 maxZoom: 24
             },
-            layerData: { name: 'Custom Raster Layer' },
+            layerData: { name: 'Custom Raster Tile Layer' },
             sourceType: 'RasterSource',
             layerType: 'RasterLayer'
         }) }, icons.get(CommandIDs.newRasterEntry)));
@@ -319,21 +321,6 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
             sourceType: 'VideoSource',
             layerType: 'RasterLayer'
         }) }, icons.get(CommandIDs.newVideoEntry)));
-    commands.addCommand(CommandIDs.newShapefileSource, Object.assign({ label: args => args.from === 'contextMenu'
-            ? trans.__('Shapefile')
-            : trans.__('Add Shapefile Source'), isEnabled: () => {
-            return tracker.currentWidget
-                ? tracker.currentWidget.model.sharedModel.editable
-                : false;
-        }, execute: Private.createEntry({
-            tracker,
-            formSchemaRegistry,
-            title: 'Create Shapefile Source',
-            createLayer: false,
-            createSource: true,
-            sourceData: { name: 'Custom Shapefile Source' },
-            sourceType: 'ShapefileSource'
-        }) }, icons.get(CommandIDs.newShapefileSource)));
     commands.addCommand(CommandIDs.newGeoTiffEntry, Object.assign({ label: trans.__('New GeoTiff layer'), isEnabled: () => {
             return tracker.currentWidget
                 ? tracker.currentWidget.model.sharedModel.editable
@@ -352,191 +339,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
             sourceType: 'GeoTiffSource',
             layerType: 'WebGlLayer'
         }) }, icons.get(CommandIDs.newGeoTiffEntry)));
-    /**
-     * SOURCES only commands.
-     */
-    commands.addCommand(CommandIDs.newRasterSource, Object.assign({ label: args => args.from === 'contextMenu'
-            ? trans.__('Raster')
-            : trans.__('New Raster Source'), isEnabled: () => {
-            return tracker.currentWidget
-                ? tracker.currentWidget.model.sharedModel.editable
-                : false;
-        }, execute: Private.createEntry({
-            tracker,
-            formSchemaRegistry,
-            title: 'Create Raster Source',
-            createLayer: false,
-            createSource: true,
-            sourceData: { name: 'Custom Raster Source', minZoom: 0, maxZoom: 24 },
-            sourceType: 'RasterSource'
-        }) }, icons.get(CommandIDs.newRasterSource)));
-    commands.addCommand(CommandIDs.newRasterDemSource, Object.assign({ label: args => args.from === 'contextMenu'
-            ? trans.__('Raster DEM')
-            : trans.__('New Raster DEM Source'), isEnabled: () => {
-            return tracker.currentWidget
-                ? tracker.currentWidget.model.sharedModel.editable
-                : false;
-        }, execute: Private.createEntry({
-            tracker,
-            formSchemaRegistry,
-            title: 'Create Raster Dem Source',
-            createLayer: false,
-            createSource: true,
-            sourceData: { name: 'Custom Raster DEM Source' },
-            sourceType: 'RasterDemSource'
-        }) }, icons.get(CommandIDs.newRasterDemSource)));
-    commands.addCommand(CommandIDs.newVectorSource, Object.assign({ label: args => args.from === 'contextMenu'
-            ? trans.__('Vector')
-            : trans.__('New Vector Source'), isEnabled: () => {
-            return tracker.currentWidget
-                ? tracker.currentWidget.model.sharedModel.editable
-                : false;
-        }, execute: Private.createEntry({
-            tracker,
-            formSchemaRegistry,
-            title: 'Create Vector Source',
-            createLayer: false,
-            createSource: true,
-            sourceData: { name: 'Custom Vector Source', minZoom: 0, maxZoom: 24 },
-            sourceType: 'VectorTileSource'
-        }) }, icons.get(CommandIDs.newVectorSource)));
-    commands.addCommand(CommandIDs.newGeoJSONSource, Object.assign({ label: args => args.from === 'contextMenu'
-            ? trans.__('GeoJSON')
-            : trans.__('Add GeoJSON data from file'), isEnabled: () => {
-            return tracker.currentWidget
-                ? tracker.currentWidget.model.sharedModel.editable
-                : false;
-        }, execute: Private.createEntry({
-            tracker,
-            formSchemaRegistry,
-            title: 'Create GeoJson Source',
-            createLayer: false,
-            createSource: true,
-            sourceData: { name: 'Custom GeoJSON Source' },
-            sourceType: 'GeoJSONSource'
-        }) }, icons.get(CommandIDs.newGeoJSONSource)));
-    commands.addCommand(CommandIDs.newImageSource, Object.assign({ label: args => args.from === 'contextMenu'
-            ? trans.__('Image')
-            : trans.__('Add Image Source'), isEnabled: () => {
-            return tracker.currentWidget
-                ? tracker.currentWidget.model.sharedModel.editable
-                : false;
-        }, execute: Private.createEntry({
-            tracker,
-            formSchemaRegistry,
-            title: 'Create Image Source',
-            createLayer: false,
-            createSource: true,
-            sourceData: { name: 'Custom Image Source' },
-            sourceType: 'ImageSource'
-        }) }, icons.get(CommandIDs.newImageSource)));
-    commands.addCommand(CommandIDs.newVideoSource, Object.assign({ label: args => args.from === 'contextMenu'
-            ? trans.__('Video')
-            : trans.__('Add Video Source'), isEnabled: () => {
-            return tracker.currentWidget
-                ? tracker.currentWidget.model.sharedModel.editable
-                : false;
-        }, execute: Private.createEntry({
-            tracker,
-            formSchemaRegistry,
-            title: 'Create Video Source',
-            createLayer: false,
-            createSource: true,
-            sourceData: { name: 'Custom Video Source' },
-            sourceType: 'VideoSource'
-        }) }, icons.get(CommandIDs.newVideoSource)));
-    // Layers only
-    commands.addCommand(CommandIDs.newRasterLayer, Object.assign({ label: args => args.from === 'contextMenu'
-            ? trans.__('Raster')
-            : trans.__('Add Raster layer'), isEnabled: () => {
-            return tracker.currentWidget
-                ? tracker.currentWidget.model.sharedModel.editable
-                : false;
-        }, execute: Private.createEntry({
-            tracker,
-            formSchemaRegistry,
-            title: 'Create Raster Layer',
-            createLayer: true,
-            createSource: false,
-            layerData: {
-                name: 'Custom Raster Layer'
-            },
-            sourceType: 'RasterSource',
-            layerType: 'RasterLayer'
-        }) }, icons.get(CommandIDs.newVectorLayer)));
-    commands.addCommand(CommandIDs.newVectorLayer, Object.assign({ label: args => args.from === 'contextMenu'
-            ? trans.__('Vector')
-            : trans.__('Add New Vector layer'), isEnabled: () => {
-            return tracker.currentWidget
-                ? tracker.currentWidget.model.sharedModel.editable
-                : false;
-        }, execute: Private.createEntry({
-            tracker,
-            formSchemaRegistry,
-            title: 'Create Vector Layer',
-            createLayer: true,
-            createSource: false,
-            layerData: {
-                name: 'Custom Vector Layer'
-            },
-            sourceType: 'VectorTileSource',
-            layerType: 'VectorTileLayer'
-        }) }, icons.get(CommandIDs.newVectorLayer)));
-    commands.addCommand(CommandIDs.newHillshadeLayer, Object.assign({ label: args => args.from === 'contextMenu'
-            ? trans.__('Hillshade')
-            : trans.__('Add Hillshade layer'), isEnabled: () => {
-            return tracker.currentWidget
-                ? tracker.currentWidget.model.sharedModel.editable
-                : false;
-        }, execute: Private.createEntry({
-            tracker,
-            formSchemaRegistry,
-            title: 'Create Hillshade Layer',
-            createLayer: true,
-            createSource: false,
-            layerData: {
-                name: 'Custom Hillshade Layer'
-            },
-            sourceType: 'RasterDemSource',
-            layerType: 'HillshadeLayer'
-        }) }, icons.get(CommandIDs.newHillshadeLayer)));
-    commands.addCommand(CommandIDs.newImageLayer, Object.assign({ label: args => args.from === 'contextMenu'
-            ? trans.__('Image')
-            : trans.__('Add Image layer'), isEnabled: () => {
-            return tracker.currentWidget
-                ? tracker.currentWidget.model.sharedModel.editable
-                : false;
-        }, execute: Private.createEntry({
-            tracker,
-            formSchemaRegistry,
-            title: 'Create Image Layer',
-            createLayer: true,
-            createSource: false,
-            layerData: {
-                name: 'Custom Image Layer'
-            },
-            sourceType: 'ImageSource',
-            layerType: 'RasterLayer'
-        }) }, icons.get(CommandIDs.newImageLayer)));
-    commands.addCommand(CommandIDs.newVideoLayer, Object.assign({ label: args => args.from === 'contextMenu'
-            ? trans.__('Video')
-            : trans.__('Add Video layer'), isEnabled: () => {
-            return tracker.currentWidget
-                ? tracker.currentWidget.model.sharedModel.editable
-                : false;
-        }, execute: Private.createEntry({
-            tracker,
-            formSchemaRegistry,
-            title: 'Create Video Layer',
-            createLayer: true,
-            createSource: false,
-            layerData: {
-                name: 'Custom Video Layer'
-            },
-            sourceType: 'VideoSource',
-            layerType: 'RasterLayer'
-        }) }, icons.get(CommandIDs.newVideoLayer)));
-    commands.addCommand(CommandIDs.newShapefileLayer, Object.assign({ label: trans.__('New Shapefile Layer'), isEnabled: () => {
+    commands.addCommand(CommandIDs.newShapefileEntry, Object.assign({ label: trans.__('New Shapefile Layer'), isEnabled: () => {
             return tracker.currentWidget
                 ? tracker.currentWidget.model.sharedModel.editable
                 : false;
@@ -550,23 +353,7 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
             layerData: { name: 'Custom Shapefile Layer' },
             sourceType: 'ShapefileSource',
             layerType: 'VectorLayer'
-        }) }, icons.get(CommandIDs.newShapefileLayer)));
-    commands.addCommand(CommandIDs.newHeatmapLayer, Object.assign({ label: args => args.from === 'contextMenu'
-            ? trans.__('Heatmap')
-            : trans.__('Add HeatmapLayer'), isEnabled: () => {
-            return tracker.currentWidget
-                ? tracker.currentWidget.model.sharedModel.editable
-                : false;
-        }, execute: Private.createEntry({
-            tracker,
-            formSchemaRegistry,
-            title: 'Create Heatmap Layer',
-            createLayer: true,
-            createSource: false,
-            layerData: { name: 'Custom Heatmap Layer' },
-            sourceType: 'GeoJSONSource',
-            layerType: 'HeatmapLayer'
-        }) }, icons.get(CommandIDs.newHeatmapLayer)));
+        }) }, icons.get(CommandIDs.newShapefileEntry)));
     /**
      * LAYERS and LAYER GROUP actions.
      */
@@ -723,7 +510,19 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
                 ? tracker.currentWidget.model.sharedModel.editable
                 : false;
         },
-        execute: async () => await Private.toggleConsole(tracker)
+        isToggled: () => {
+            var _a;
+            if (tracker.currentWidget instanceof JupyterGISDocumentWidget) {
+                return ((_a = tracker.currentWidget) === null || _a === void 0 ? void 0 : _a.content.consoleOpened) === true;
+            }
+            else {
+                return false;
+            }
+        },
+        execute: async () => {
+            await Private.toggleConsole(tracker);
+            commands.notifyCommandChanged(CommandIDs.toggleConsole);
+        }
     });
     commands.addCommand(CommandIDs.executeConsole, {
         label: trans.__('Execute console'),
@@ -842,6 +641,36 @@ export function addCommands(app, tracker, translator, formSchemaRegistry, layerB
             downloadFile(geojsonString, `${exportFileName}.geojson`, 'application/geo+json');
         }
     });
+    commands.addCommand(CommandIDs.getGeolocation, {
+        label: trans.__('Center on Geolocation'),
+        execute: async () => {
+            var _a;
+            const viewModel = (_a = tracker.currentWidget) === null || _a === void 0 ? void 0 : _a.model;
+            const options = {
+                enableHighAccuracy: true,
+                timeout: 5000,
+                maximumAge: 0
+            };
+            const success = (pos) => {
+                const location = fromLonLat([
+                    pos.coords.longitude,
+                    pos.coords.latitude
+                ]);
+                const Jgislocation = {
+                    x: location[0],
+                    y: location[1]
+                };
+                if (viewModel) {
+                    viewModel.geolocationChanged.emit(Jgislocation);
+                }
+            };
+            const error = (err) => {
+                console.warn(`ERROR(${err.code}): ${err.message}`);
+            };
+            navigator.geolocation.getCurrentPosition(success, error, options);
+        },
+        icon: targetWithCenterIcon
+    });
     loadKeybindings(commands, keybindings);
 }
 var Private;

package/lib/constants.d.ts

@@ -9,9 +9,11 @@ export declare namespace CommandIDs {
     const symbology = "jupytergis:symbology";
     const identify = "jupytergis:identify";
     const temporalController = "jupytergis:temporalController";
+    const getGeolocation = "jupytergis:getGeolocation";
     const openLayerBrowser = "jupytergis:openLayerBrowser";
     const newRasterEntry = "jupytergis:newRasterEntry";
     const newVectorTileEntry = "jupytergis:newVectorTileEntry";
+    const newShapefileEntry = "jupytergis:newShapefileEntry";
     const newGeoJSONEntry = "jupytergis:newGeoJSONEntry";
     const newHillshadeEntry = "jupytergis:newHillshadeEntry";
     const newImageEntry = "jupytergis:newImageEntry";
@@ -19,22 +21,6 @@ export declare namespace CommandIDs {
     const newGeoTiffEntry = "jupytergis:newGeoTiffEntry";
     const buffer = "jupytergis:buffer";
     const dissolve = "jupytergis:dissolve";
-    const newRasterSource = "jupytergis:newRasterSource";
-    const newRasterDemSource = "jupytergis:newRasterDemSource";
-    const newVectorSource = "jupytergis:newVectorSource";
-    const newGeoJSONSource = "jupytergis:newGeoJSONSource";
-    const newImageSource = "jupytergis:imageSource";
-    const newVideoSource = "jupytergis:videoSource";
-    const newShapefileSource = "jupytergis:shapefileSource";
-    const newGeoTiffSource = "jupytergis:newGeoTiffSource";
-    const newRasterLayer = "jupytergis:newRasterLayer";
-    const newVectorLayer = "jupytergis:newVectorLayer";
-    const newHillshadeLayer = "jupytergis:newHillshadeLayer";
-    const newImageLayer = "jupytergis:newImageLayer";
-    const newVideoLayer = "jupytergis:newVideoLayer";
-    const newShapefileLayer = "jupytergis:newShapefileLayer";
-    const newWebGlTileLayer = "jupytergis:newWebGlTileLayer";
-    const newHeatmapLayer = "jupytergis:newHeatmapLayer";
     const renameLayer = "jupytergis:renameLayer";
     const removeLayer = "jupytergis:removeLayer";
     const renameGroup = "jupytergis:renameGroup";

package/lib/constants.js

@@ -1,5 +1,5 @@
 import { redoIcon, undoIcon } from '@jupyterlab/ui-components';
-import { geoJSONIcon, moundIcon, rasterIcon } from './icons';
+import { bookOpenIcon, clockIcon, geoJSONIcon, infoIcon, moundIcon, rasterIcon, vectorSquareIcon } from './icons';
 /**
  * The command IDs.
  */
@@ -11,11 +11,14 @@ export var CommandIDs;
     CommandIDs.symbology = 'jupytergis:symbology';
     CommandIDs.identify = 'jupytergis:identify';
     CommandIDs.temporalController = 'jupytergis:temporalController';
+    // geolocation
+    CommandIDs.getGeolocation = 'jupytergis:getGeolocation';
     // Layers and sources creation commands
     CommandIDs.openLayerBrowser = 'jupytergis:openLayerBrowser';
     // Layer and source
     CommandIDs.newRasterEntry = 'jupytergis:newRasterEntry';
     CommandIDs.newVectorTileEntry = 'jupytergis:newVectorTileEntry';
+    CommandIDs.newShapefileEntry = 'jupytergis:newShapefileEntry';
     CommandIDs.newGeoJSONEntry = 'jupytergis:newGeoJSONEntry';
     CommandIDs.newHillshadeEntry = 'jupytergis:newHillshadeEntry';
     CommandIDs.newImageEntry = 'jupytergis:newImageEntry';
@@ -24,24 +27,6 @@ export var CommandIDs;
     // Processing commands
     CommandIDs.buffer = 'jupytergis:buffer';
     CommandIDs.dissolve = 'jupytergis:dissolve';
-    // Sources only commands
-    CommandIDs.newRasterSource = 'jupytergis:newRasterSource';
-    CommandIDs.newRasterDemSource = 'jupytergis:newRasterDemSource';
-    CommandIDs.newVectorSource = 'jupytergis:newVectorSource';
-    CommandIDs.newGeoJSONSource = 'jupytergis:newGeoJSONSource';
-    CommandIDs.newImageSource = 'jupytergis:imageSource';
-    CommandIDs.newVideoSource = 'jupytergis:videoSource';
-    CommandIDs.newShapefileSource = 'jupytergis:shapefileSource';
-    CommandIDs.newGeoTiffSource = 'jupytergis:newGeoTiffSource';
-    // Layers only commands
-    CommandIDs.newRasterLayer = 'jupytergis:newRasterLayer';
-    CommandIDs.newVectorLayer = 'jupytergis:newVectorLayer';
-    CommandIDs.newHillshadeLayer = 'jupytergis:newHillshadeLayer';
-    CommandIDs.newImageLayer = 'jupytergis:newImageLayer';
-    CommandIDs.newVideoLayer = 'jupytergis:newVideoLayer';
-    CommandIDs.newShapefileLayer = 'jupytergis:newShapefileLayer';
-    CommandIDs.newWebGlTileLayer = 'jupytergis:newWebGlTileLayer';
-    CommandIDs.newHeatmapLayer = 'jupytergis:newHeatmapLayer';
     // Layer and group actions
     CommandIDs.renameLayer = 'jupytergis:renameLayer';
     CommandIDs.removeLayer = 'jupytergis:removeLayer';
@@ -78,18 +63,18 @@ const iconObject = {
     VideoLayer: { iconClass: 'fa fa-video' },
     [CommandIDs.redo]: { icon: redoIcon },
     [CommandIDs.undo]: { icon: undoIcon },
-    [CommandIDs.openLayerBrowser]: { iconClass: 'fa fa-book-open' },
+    [CommandIDs.openLayerBrowser]: { icon: bookOpenIcon },
     [CommandIDs.newRasterEntry]: { icon: rasterIcon },
-    [CommandIDs.newVectorTileEntry]: { iconClass: 'fa fa-vector-square' },
+    [CommandIDs.newVectorTileEntry]: { icon: vectorSquareIcon },
     [CommandIDs.newGeoJSONEntry]: { icon: geoJSONIcon },
     [CommandIDs.newHillshadeEntry]: { icon: moundIcon },
     [CommandIDs.newImageEntry]: { iconClass: 'fa fa-image' },
     [CommandIDs.newVideoEntry]: { iconClass: 'fa fa-video' },
-    [CommandIDs.newShapefileLayer]: { iconClass: 'fa fa-file' },
+    [CommandIDs.newShapefileEntry]: { iconClass: 'fa fa-file' },
     [CommandIDs.newGeoTiffEntry]: { iconClass: 'fa fa-image' },
     [CommandIDs.symbology]: { iconClass: 'fa fa-brush' },
-    [CommandIDs.identify]: { iconClass: 'fa fa-info' },
-    [CommandIDs.temporalController]: { iconClass: 'fa fa-clock' }
+    [CommandIDs.identify]: { icon: infoIcon },
+    [CommandIDs.temporalController]: { icon: clockIcon }
 };
 /**
  * The registered icons

package/lib/icons.d.ts

@@ -8,3 +8,11 @@ export declare const nonVisibilityIcon: LabIcon;
 export declare const geoJSONIcon: LabIcon;
 export declare const moundIcon: LabIcon;
 export declare const logoMiniIconQGZ: LabIcon;
+export declare const bookOpenIcon: LabIcon;
+export declare const vectorSquareIcon: LabIcon;
+export declare const infoIcon: LabIcon;
+export declare const clockIcon: LabIcon;
+export declare const terminalToolbarIcon: LabIcon;
+export declare const geolocationIcon: LabIcon;
+export declare const targetWithoutCenterIcon: LabIcon;
+export declare const targetWithCenterIcon: LabIcon;

package/lib/icons.js

@@ -13,6 +13,14 @@ import nonVisibilitySvgStr from '../style/icons/nonvisibility.svg';
 import geoJsonSvgStr from '../style/icons/geojson.svg';
 import moundSvgStr from '../style/icons/mound.svg';
 import logoMiniQGZ from '../style/icons/logo_mini_qgz.svg';
+import bookOpenSvgStr from '../style/icons/book_open.svg';
+import vectorSquareSvgStr from '../style/icons/vector_square.svg';
+import infoSvgStr from '../style/icons/info-solid.svg';
+import clockSvgStr from '../style/icons/clock-solid.svg';
+import terminalToolbarSvgStr from '../style/icons/terminal_toolbar.svg';
+import geolocationSvgStr from '../style/icons/geolocation.svg';
+import targetWithoutCenterSvgStr from '../style/icons/target_without_center.svg';
+import targetWithCenterSvgStr from '../style/icons/target_with_center.svg';
 export const logoIcon = new LabIcon({
     name: 'jupytergis::logo',
     svgstr: logoSvgStr
@@ -49,3 +57,35 @@ export const logoMiniIconQGZ = new LabIcon({
     name: 'jupytergis::logoQGZ',
     svgstr: logoMiniQGZ
 });
+export const bookOpenIcon = new LabIcon({
+    name: 'jupytergis::bookOpen',
+    svgstr: bookOpenSvgStr
+});
+export const vectorSquareIcon = new LabIcon({
+    name: 'jupytergis::vectorSquare',
+    svgstr: vectorSquareSvgStr
+});
+export const infoIcon = new LabIcon({
+    name: 'jupytergis::info',
+    svgstr: infoSvgStr
+});
+export const clockIcon = new LabIcon({
+    name: 'jupytergis::clock',
+    svgstr: clockSvgStr
+});
+export const terminalToolbarIcon = new LabIcon({
+    name: 'jupytergis::terminalToolbar',
+    svgstr: terminalToolbarSvgStr
+});
+export const geolocationIcon = new LabIcon({
+    name: 'jupytergis::geolocation',
+    svgstr: geolocationSvgStr
+});
+export const targetWithoutCenterIcon = new LabIcon({
+    name: 'jupytergis::targetWithCenter',
+    svgstr: targetWithCenterSvgStr
+});
+export const targetWithCenterIcon = new LabIcon({
+    name: 'jupytergis::targetWithoutCenter',
+    svgstr: targetWithoutCenterSvgStr
+});

package/lib/index.d.ts

@@ -12,3 +12,4 @@ export * from './tools';
 export * from './types';
 export * from './widget';
 export * from './annotations';
+export * from './menus';

package/lib/index.js

@@ -12,3 +12,4 @@ export * from './tools';
 export * from './types';
 export * from './widget';
 export * from './annotations';
+export * from './menus';

package/lib/mainview/mainView.d.ts

@@ -33,7 +33,7 @@ export declare class MainView extends React.Component<IProps, IStates> {
     constructor(props: IProps);
     componentDidMount(): Promise<void>;
     componentWillUnmount(): void;
-    generateScene(): Promise<void>;
+    generateScene(center: number[], zoom: number): Promise<void>;
     createSelectInteraction: () => void;
     addContextMenu: () => void;
     /**
@@ -110,6 +110,8 @@ export declare class MainView extends React.Component<IProps, IStates> {
      * to work with the temporal controller
      */
     handleTemporalController: (id: string, layer: IJGISLayer) => void;
+    private flyToGeometry;
+    private highlightFeatureOnMap;
     /**
      * Wait for all layers to be loaded.
      */
@@ -165,11 +167,13 @@ export declare class MainView extends React.Component<IProps, IStates> {
     private _updateAnnotation;
     private _onZoomToPosition;
     private _moveToPosition;
+    private _flyToPosition;
     private _onPointerMove;
     private _syncPointer;
     private _identifyFeature;
     private _triggerLayerUpdate;
     private _convertFeatureToMs;
+    private _handleGeolocationChanged;
     private _handleThemeChange;
     private _handleWindowResize;
     render(): JSX.Element;
@@ -187,5 +191,6 @@ export declare class MainView extends React.Component<IProps, IStates> {
     private _contextMenu;
     private _loadingLayers;
     private _originalFeatures;
+    private _highlightLayer;
 }
 export {};