Zoom to bookmark extent

plugins/Bookmark.jsx

@@ -13,16 +13,17 @@ import classnames from 'classnames';
 import isEmpty from 'lodash.isempty';
 import PropTypes from 'prop-types';
 
+import { zoomToExtent, zoomToPoint } from '../actions/map';
 import Icon from '../components/Icon';
 import SideBar from '../components/SideBar';
 import Spinner from '../components/Spinner';
 import ConfigUtils from '../utils/ConfigUtils';
 import LocaleUtils from '../utils/LocaleUtils';
-import {createBookmark, getUserBookmarks, removeBookmark, updateBookmark} from '../utils/PermaLinkUtils';
+import MapUtils from '../utils/MapUtils';
+import {createBookmark, getUserBookmarks, removeBookmark, resolveBookmark, updateBookmark} from '../utils/PermaLinkUtils';
 
 import './style/Bookmark.css';
 
-
 /**
  * Allows managing user bookmarks.
  *
@@ -32,10 +33,14 @@ import './style/Bookmark.css';
  */
 class Bookmark extends React.Component {
     static propTypes = {
+        mapCrs: PropTypes.string,
+        mapScales: PropTypes.array,
         /** The side of the application on which to display the sidebar. */
         side: PropTypes.string,
         state: PropTypes.object,
-        task: PropTypes.string
+        task: PropTypes.string,
+        zoomToExtent: PropTypes.func,
+        zoomToPoint: PropTypes.func
     };
     static defaultProps = {
         side: 'right'
@@ -52,6 +57,7 @@ class Bookmark extends React.Component {
     render() {
         const openTitle = LocaleUtils.tr("bookmark.open");
         const openTabTitle = LocaleUtils.tr("bookmark.openTab");
+        const zoomTitle = LocaleUtils.tr("bookmark.zoomToExtent");
         const username = ConfigUtils.getConfigProp("username");
         const placeholder = LocaleUtils.tr("bookmark.description");
         const addBookmarkTitle = LocaleUtils.tr("bookmark.add");
@@ -80,6 +86,9 @@ class Bookmark extends React.Component {
                                 <button className="button" disabled={!currentBookmark} onClick={() => this.open(currentBookmark.key, true)} title={openTabTitle}>
                                     <Icon icon="open_link" />
                                 </button>
+                                <button className="button" disabled={!currentBookmark} onClick={() => this.zoomToBookmarkExtent(currentBookmark.key)} title={zoomTitle}>
+                                    <Icon icon="zoom" />
+                                </button>
                             </span>
                             <span className="bookmark-actions-spacer" />
                             <span className="bookmark-actions-buttonbox">
@@ -121,6 +130,19 @@ class Bookmark extends React.Component {
             location.href = url;
         }
     };
+    zoomToBookmarkExtent = (bookmarkkey) => {
+        resolveBookmark(bookmarkkey, (params) => {
+            if ('c' in params && 's' in params) {
+                const scale = parseFloat(params.s);
+                const zoom = MapUtils.computeZoom(this.props.mapScales, scale);
+                const center = params.c.split(/[;,]/g).map(x => parseFloat(x));
+                this.props.zoomToPoint(center, zoom, params.crs ?? this.props.mapCrs);
+            } else if ('e' in params) {
+                const bounds = (params.e).split(',').map(n => parseFloat(n));
+                this.props.zoomToExtent(bounds, params.crs ?? this.props.mapCrs);
+            }
+        });
+    };
     toggleCurrentBookmark = (bookmark) => {
         if (this.state.currentBookmark === bookmark.key) {
             this.setState({currentBookmark: null, description: ""});
@@ -166,8 +188,13 @@ class Bookmark extends React.Component {
 }
 
 const selector = state => ({
+    mapCrs: state.map.projection,
+    mapScales: state.map.scales,
     task: state.task.id,
     state
 });
 
-export default connect(selector)(Bookmark);
+export default connect(selector, {
+    zoomToExtent: zoomToExtent,
+    zoomToPoint: zoomToPoint
+})(Bookmark);

translations/ca-ES.json

@@ -83,7 +83,8 @@
       "remove": "Esborrar",
       "removefailed": "Error al eliminar",
       "savefailed": "Error al modificar",
-      "update": "Updatejar"
+      "update": "Updatejar",
+      "zoomToExtent": ""
     },
     "bottombar": {
       "mousepos_label": "Coordenades",

translations/cs-CZ.json

@@ -83,7 +83,8 @@
       "remove": "Smazat",
       "removefailed": "Mazání záložky selhalo",
       "savefailed": "Ukládání záložky selhalo",
-      "update": "Upravit"
+      "update": "Upravit",
+      "zoomToExtent": ""
     },
     "bottombar": {
       "mousepos_label": "Souřadnice",

translations/de-CH.json

@@ -83,7 +83,8 @@
       "remove": "Lesezeichen entfernen",
       "removefailed": "Lesezeichen konnte nicht entfernt werden",
       "savefailed": "Lesezeichen konnte nicht aktualisiert werden",
-      "update": "Lesezeichen aktualisieren"
+      "update": "Lesezeichen aktualisieren",
+      "zoomToExtent": ""
     },
     "bottombar": {
       "mousepos_label": "Koordinaten",

translations/de-DE.json

@@ -83,7 +83,8 @@
       "remove": "Lesezeichen entfernen",
       "removefailed": "Lesezeichen konnte nicht entfernt werden",
       "savefailed": "Lesezeichen konnte nicht aktualisiert werden",
-      "update": "Lesezeichen aktualisieren"
+      "update": "Lesezeichen aktualisieren",
+      "zoomToExtent": ""
     },
     "bottombar": {
       "mousepos_label": "Koordinaten",

translations/en-US.json

@@ -83,7 +83,8 @@
       "remove": "Remove bookmark",
       "removefailed": "Failed to remove bookmark",
       "savefailed": "Failed to update bookmark",
-      "update": "Update bookmark"
+      "update": "Update bookmark",
+      "zoomToExtent": "Zoom to extent"
     },
     "bottombar": {
       "mousepos_label": "Coordinates",

translations/es-ES.json

@@ -83,7 +83,8 @@
       "remove": "Eliminar",
       "removefailed": "Error al eliminar el marcador",
       "savefailed": "Error al actualizar el marcador",
-      "update": "Actualizar marcador"
+      "update": "Actualizar marcador",
+      "zoomToExtent": ""
     },
     "bottombar": {
       "mousepos_label": "Coordenadas",

translations/fi-FI.json

@@ -83,7 +83,8 @@
       "remove": "Poista kirjanmerkki",
       "removefailed": "",
       "savefailed": "",
-      "update": "Päivitä kirjanmerkki"
+      "update": "Päivitä kirjanmerkki",
+      "zoomToExtent": ""
     },
     "bottombar": {
       "mousepos_label": "Koordinaatit",

translations/fr-FR.json

@@ -83,7 +83,8 @@
       "remove": "Supprimer le marque-page",
       "removefailed": "Echec de suppression du marque-page",
       "savefailed": "Echec d'enregistrement du marque-page",
-      "update": "Sauvegarder le marque-page"
+      "update": "Sauvegarder le marque-page",
+      "zoomToExtent": "Zommer sur l'étendue"
     },
     "bottombar": {
       "mousepos_label": "Coordonnées",

translations/hu-HU.json

@@ -83,7 +83,8 @@
       "remove": "",
       "removefailed": "",
       "savefailed": "",
-      "update": ""
+      "update": "",
+      "zoomToExtent": ""
     },
     "bottombar": {
       "mousepos_label": "Koordináták",

translations/it-IT.json

@@ -83,7 +83,8 @@
       "remove": "Rimuovi segnalibro",
       "removefailed": "Impossibile rimuovere il segnalibro",
       "savefailed": "Impossibile aggiornare il segnalibro",
-      "update": "Aggiorna segnalibro"
+      "update": "Aggiorna segnalibro",
+      "zoomToExtent": ""
     },
     "bottombar": {
       "mousepos_label": "Coordinate",

translations/no-NO.json

@@ -83,7 +83,8 @@
       "remove": "",
       "removefailed": "",
       "savefailed": "",
-      "update": ""
+      "update": "",
+      "zoomToExtent": ""
     },
     "bottombar": {
       "mousepos_label": "Koordinater",

translations/pl-PL.json

@@ -83,7 +83,8 @@
       "remove": "",
       "removefailed": "",
       "savefailed": "",
-      "update": ""
+      "update": "",
+      "zoomToExtent": ""
     },
     "bottombar": {
       "mousepos_label": "Współrzędne",

translations/pt-BR.json

@@ -83,7 +83,8 @@
       "remove": "Remover",
       "removefailed": "Falha ao remover",
       "savefailed": "Falha ao salvar",
-      "update": "Atualizar"
+      "update": "Atualizar",
+      "zoomToExtent": ""
     },
     "bottombar": {
       "mousepos_label": "Coordenadas",

translations/pt-PT.json

@@ -83,7 +83,8 @@
       "remove": "Remover",
       "removefailed": "Falha ao Remover",
       "savefailed": "Falha ao Guardar",
-      "update": "Atualizar"
+      "update": "Atualizar",
+      "zoomToExtent": ""
     },
     "bottombar": {
       "mousepos_label": "Coordenadas",

translations/ro-RO.json

@@ -83,7 +83,8 @@
       "remove": "Elimină semn de carte",
       "removefailed": "Semnul de carte nu a putut fi șters",
       "savefailed": "Semnul de carte nu a putut fi salvat",
-      "update": "Actualizează semnul de carte"
+      "update": "Actualizează semnul de carte",
+      "zoomToExtent": ""
     },
     "bottombar": {
       "mousepos_label": "Coordonate",

translations/ru-RU.json

@@ -83,7 +83,8 @@
       "remove": "",
       "removefailed": "",
       "savefailed": "",
-      "update": ""
+      "update": "",
+      "zoomToExtent": ""
     },
     "bottombar": {
       "mousepos_label": "Координаты",

translations/sv-SE.json

@@ -83,7 +83,8 @@
       "remove": "",
       "removefailed": "",
       "savefailed": "",
-      "update": ""
+      "update": "",
+      "zoomToExtent": ""
     },
     "bottombar": {
       "mousepos_label": "Koordinater",

translations/tr-TR.json

@@ -83,7 +83,8 @@
       "remove": "",
       "removefailed": "",
       "savefailed": "",
-      "update": ""
+      "update": "",
+      "zoomToExtent": ""
     },
     "bottombar": {
       "mousepos_label": "Koordinatlar",

translations/tsconfig.json

@@ -95,6 +95,7 @@
     "bookmark.removefailed",
     "bookmark.savefailed",
     "bookmark.update",
+    "bookmark.zoomToExtent",
     "bottombar.mousepos_label",
     "bottombar.scale_label",
     "bottombar.terms_label",

utils/PermaLinkUtils.js

@@ -135,6 +135,17 @@ export function resolvePermaLink(initialParams, callback) {
     }
 }
 
+export function resolveBookmark(bookmarkKey, callback) {
+    axios.get(ConfigUtils.getConfigProp("permalinkServiceUrl").replace(/\/$/, '') + "/bookmarks/" + bookmarkKey)
+        .then(response => {
+            const data = response.data;
+            callback({...(data.query || {})}, (data.state || {}), !!data.query);
+        })
+        .catch(() => {
+            callback(bookmarkKey, {}, false);
+        });
+}
+
 export function getUserBookmarks(user, callback) {
     if (user) {
         axios.get(ConfigUtils.getConfigProp("permalinkServiceUrl").replace(/\/$/, '') + "/bookmarks/")