react-spatial 2.0.0-beta.1 → 2.0.0-beta.2

package/components/FitExtent/FitExtent.js

@@ -1,65 +1,50 @@
-function objectWithoutProperties (obj, exclude) { var target = {}; for (var k in obj) if (Object.prototype.hasOwnProperty.call(obj, k) && exclude.indexOf(k) === -1) target[k] = obj[k]; return target; }
-import React from 'react';
-import PropTypes from 'prop-types';
-import OLMap from 'ol/Map';
-
-var propTypes = {
+import OLMap from "ol/Map";
+import PropTypes from "prop-types";
+import React from "react";
+const propTypes = {
   /**
-   * An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).
-   */
-  map: PropTypes.instanceOf(OLMap).isRequired,
-
-  /**
-   * The extent to be zoomed.
+   * Button content.
    */
-  extent: PropTypes.arrayOf(PropTypes.number).isRequired,
-
+  children: PropTypes.node.isRequired,
   /**
    * CSS class  for the fitExtent button.
    */
   className: PropTypes.string,
-
   /**
-   * Button content.
+   * The extent to be zoomed.
    */
-  children: PropTypes.node.isRequired,
-};
-
-var defaultProps = {
-  className: 'rs-fit-extent',
+  extent: PropTypes.arrayOf(PropTypes.number).isRequired,
+  /**
+   * An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).
+   */
+  map: PropTypes.instanceOf(OLMap).isRequired
 };
-
-/**
- * The FitExtent component creates a button that updates the current extent of
- * an [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).
- */
-function FitExtent(ref) {
-  var map = ref.map;
-  var extent = ref.extent;
-  var className = ref.className;
-  var children = ref.children;
-  var rest = objectWithoutProperties( ref, ["map", "extent", "className", "children"] );
-  var other = rest;
-
-  var fit = function (evt) {
+function FitExtent({
+  children,
+  className = "rs-fit-extent",
+  extent,
+  map,
+  ...other
+}) {
+  const fit = (evt) => {
     if (evt.which && evt.which !== 13) {
       return;
     }
     map.getView().cancelAnimations();
     map.getView().fit(extent, map.getSize());
   };
-
-  return (
-    React.createElement( 'div', Object.assign({},
-      { className: className, role: "button", tabIndex: "0", onClick: fit, onKeyPress: fit }, other),
-      children
-    )
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className,
+      onClick: fit,
+      onKeyPress: fit,
+      role: "button",
+      tabIndex: "0",
+      ...other
+    },
+    children
   );
 }
-
 FitExtent.propTypes = propTypes;
-FitExtent.defaultProps = defaultProps;
-
 export default FitExtent;
-
-//# sourceMappingURL=FitExtent.js.map

package/components/FitExtent/FitExtent.js.map

@@ -1 +1,7 @@
-{"version":3,"file":"FitExtent.js","sources":["../../../src/components/FitExtent/FitExtent.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport OLMap from 'ol/Map';\n\nconst propTypes = {\n  /**\n   * An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n   */\n  map: PropTypes.instanceOf(OLMap).isRequired,\n\n  /**\n   * The extent to be zoomed.\n   */\n  extent: PropTypes.arrayOf(PropTypes.number).isRequired,\n\n  /**\n   * CSS class  for the fitExtent button.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Button content.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nconst defaultProps = {\n  className: 'rs-fit-extent',\n};\n\n/**\n * The FitExtent component creates a button that updates the current extent of\n * an [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n */\nfunction FitExtent({ map, extent, className, children, ...other }) {\n  const fit = (evt) => {\n    if (evt.which && evt.which !== 13) {\n      return;\n    }\n    map.getView().cancelAnimations();\n    map.getView().fit(extent, map.getSize());\n  };\n\n  return (\n    <div\n      className={className}\n      role=\"button\"\n      tabIndex=\"0\"\n      onClick={fit}\n      onKeyPress={fit}\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...other}\n    >\n      {children}\n    </div>\n  );\n}\n\nFitExtent.propTypes = propTypes;\nFitExtent.defaultProps = defaultProps;\n\nexport default FitExtent;\n"],"names":["const"],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAAK,MAAM,QAAQ,CAAC;AAC3B;AACAA,GAAK,CAAC,SAAS,GAAG;AAClB;AACA;AACA;AACA,EAAE,GAAG,EAAE,SAAS,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,UAAU;AAC7C;AACA;AACA;AACA;AACA,EAAE,MAAM,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,UAAU;AACxD;AACA;AACA;AACA;AACA,EAAE,SAAS,EAAE,SAAS,CAAC,MAAM;AAC7B;AACA;AACA;AACA;AACA,EAAE,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;AACrC,CAAC,CAAC;AACF;AACAA,GAAK,CAAC,YAAY,GAAG;AACrB,EAAE,SAAS,EAAE,eAAe;AAC5B,CAAC,CAAC;AACF;AACA;AACA;AACA;AACA;AACA,SAAS,SAAS,IAA+C,EAAE,CAA9C;oBAAK;0BAAQ;gCAAW;8BAAU;wFAAG;;AAAU;AACpE,EAAEA,GAAK,CAAC,GAAG,YAAG,CAAC,GAAG,EAAK;AACvB,IAAI,IAAI,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC,KAAK,KAAK,EAAE,EAAE;AACvC,MAAM,OAAO;AACb,KAAK;AACL,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC,gBAAgB,EAAE,CAAC;AACrC,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC;AAC7C,GAAG,CAAC;AACJ;AACA,EAAE,OAAO;AACT,IAAI,sBAAC,uBAAG;AACR,QAAM,WAAW,SAAU,EACrB,MAAK,QAAQ,EACb,UAAS,GAAG,EACZ,SAAS,GAAI,EACb,YAAY,KAAI,EAEZ,OACL;AACL,MAAO,QAAS;AAChB,IAAI,CAAM;AACV,GAAG,CAAC;AACJ,CAAC;AACD;AACA,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC;AAChC,SAAS,CAAC,YAAY,GAAG,YAAY,CAAC;AACtC;AACA,eAAe,SAAS,CAAC;"}
+{
+  "version": 3,
+  "sources": ["../../../src/components/FitExtent/FitExtent.js"],
+  "sourcesContent": ["import OLMap from \"ol/Map\";\nimport PropTypes from \"prop-types\";\nimport React from \"react\";\n\nconst propTypes = {\n  /**\n   * Button content.\n   */\n  children: PropTypes.node.isRequired,\n\n  /**\n   * CSS class  for the fitExtent button.\n   */\n  className: PropTypes.string,\n\n  /**\n   * The extent to be zoomed.\n   */\n  extent: PropTypes.arrayOf(PropTypes.number).isRequired,\n\n  /**\n   * An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n   */\n  map: PropTypes.instanceOf(OLMap).isRequired,\n};\n\n/**\n * The FitExtent component creates a button that updates the current extent of\n * an [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).\n */\nfunction FitExtent({\n  children,\n  className = \"rs-fit-extent\",\n  extent,\n  map,\n  ...other\n}) {\n  const fit = (evt) => {\n    if (evt.which && evt.which !== 13) {\n      return;\n    }\n    map.getView().cancelAnimations();\n    map.getView().fit(extent, map.getSize());\n  };\n\n  return (\n    <div\n      className={className}\n      onClick={fit}\n      onKeyPress={fit}\n      role=\"button\"\n      tabIndex=\"0\"\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...other}\n    >\n      {children}\n    </div>\n  );\n}\n\nFitExtent.propTypes = propTypes;\n\nexport default FitExtent;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,eAAe;AACtB,OAAO,WAAW;AAElB,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA,EAIhB,UAAU,UAAU,KAAK;AAAA;AAAA;AAAA;AAAA,EAKzB,WAAW,UAAU;AAAA;AAAA;AAAA;AAAA,EAKrB,QAAQ,UAAU,QAAQ,UAAU,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA,EAK5C,KAAK,UAAU,WAAW,KAAK,EAAE;AACnC;AAMA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG;AACD,QAAM,MAAM,CAAC,QAAQ;AACnB,QAAI,IAAI,SAAS,IAAI,UAAU,IAAI;AACjC;AAAA,IACF;AACA,QAAI,QAAQ,EAAE,iBAAiB;AAC/B,QAAI,QAAQ,EAAE,IAAI,QAAQ,IAAI,QAAQ,CAAC;AAAA,EACzC;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,MAAK;AAAA,MACL,UAAS;AAAA,MAER,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ;AAEA,UAAU,YAAY;AAEtB,eAAe;",
+  "names": []
+}

package/components/FitExtent/index.js

@@ -1,3 +1 @@
-export { default } from './FitExtent';
-
-//# sourceMappingURL=index.js.map
+export { default } from "./FitExtent";

package/components/FitExtent/index.js.map

@@ -1 +1,7 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/FitExtent/index.js"],"sourcesContent":["export { default } from './FitExtent';\n"],"names":[],"mappings":"AAAA,SAAS,OAAO,QAAQ,aAAa,CAAC;"}
+{
+  "version": 3,
+  "sources": ["../../../src/components/FitExtent/index.js"],
+  "sourcesContent": ["export { default } from \"./FitExtent\";\n"],
+  "mappings": "AAAA,SAAS,eAAe;",
+  "names": []
+}

package/components/Geolocation/Geolocation.js

@@ -1,233 +1,150 @@
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-
-import OLMap from 'ol/Map';
-import { transform } from 'ol/proj';
-import Point from 'ol/geom/Point';
-import Feature from 'ol/Feature';
-import { unByKey } from 'ol/Observable';
-
-import Style from 'ol/style/Style';
-import Circle from 'ol/style/Circle';
-import Fill from 'ol/style/Fill';
-import Stroke from 'ol/style/Stroke';
-
-import VectorLayer from 'ol/layer/Vector';
-import VectorSource from 'ol/source/Vector';
-
-import { FaRegDotCircle } from 'react-icons/fa';
-
-var propTypes = {
+import Feature from "ol/Feature";
+import Point from "ol/geom/Point";
+import VectorLayer from "ol/layer/Vector";
+import OLMap from "ol/Map";
+import { unByKey } from "ol/Observable";
+import { transform } from "ol/proj";
+import VectorSource from "ol/source/Vector";
+import Circle from "ol/style/Circle";
+import Fill from "ol/style/Fill";
+import Stroke from "ol/style/Stroke";
+import Style from "ol/style/Style";
+import PropTypes from "prop-types";
+import React, { PureComponent } from "react";
+import { FaRegDotCircle } from "react-icons/fa";
+const propTypes = {
   /**
-   * CSS class of the button.
+   * If true, the map will center once on the position then will constantly recenter to the current Position.
+   * If false, the map will center once on the position then will never recenter if the position changes.
    */
-  className: PropTypes.string,
-
+  alwaysRecenterToPosition: PropTypes.bool,
   /**
    *  Children content of the Geolocation button.
    */
   children: PropTypes.node,
-
+  /**
+   * CSS class of the button.
+   */
+  className: PropTypes.string,
+  /**
+   * Color (Number array with rgb values) or style function.
+   * If a color is given, the style is animated.
+   */
+  colorOrStyleFunc: PropTypes.oneOfType([
+    PropTypes.arrayOf(PropTypes.number),
+    PropTypes.func
+  ]),
   /**
    * An [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).
    */
   map: PropTypes.instanceOf(OLMap).isRequired,
-
   /**
-   * Function triggered when geolocating is not successful.
+   * If true, the map will never center to the current position
    */
-  onError: PropTypes.func,
-
+  neverCenterToPosition: PropTypes.bool,
   /**
-   * Function triggered after successful geoLocation calls. Takes the ol/map, the current lat/lon coordinate and the component instance as arguments.
+   * If true, the map is not centered after it has been dragged once.
    */
-  onSuccess: PropTypes.func,
-
+  noCenterAfterDrag: PropTypes.bool,
   /**
    * Function triggered after the geolocation is activated. Takes the ol/map and the component instance as arguments.
    */
   onActivate: PropTypes.func,
-
   /**
    * Function triggered after the geolocation is deactivated. Takes the ol/map and the component instance as arguments..
    */
   onDeactivate: PropTypes.func,
-
-  /**
-   * If true, the map is not centered after it has been dragged once.
-   */
-  noCenterAfterDrag: PropTypes.bool,
-
   /**
-   * If true, the map will constantly recenter to the current Position
+   * Function triggered when geolocating is not successful.
    */
-  alwaysRecenterToPosition: PropTypes.bool,
-
+  onError: PropTypes.func,
   /**
-   * Color (Number array with rgb values) or style function.
-   * If a color is given, the style is animated.
+   * Function triggered after successful geoLocation calls. Takes the ol/map, the current lat/lon coordinate and the component instance as arguments.
    */
-  colorOrStyleFunc: PropTypes.oneOfType([
-    PropTypes.arrayOf(PropTypes.number),
-    PropTypes.func ]),
+  onSuccess: PropTypes.func
 };
-
-var defaultProps = {
-  className: 'rs-geolocation',
-  children: React.createElement( FaRegDotCircle, { focusable: false }),
-  onError: function () {},
-  onSuccess: function () {},
-  onActivate: function () {},
-  onDeactivate: function () {},
-  noCenterAfterDrag: false,
+const defaultProps = {
   alwaysRecenterToPosition: true,
+  children: /* @__PURE__ */ React.createElement(FaRegDotCircle, { focusable: false }),
+  className: "rs-geolocation",
   colorOrStyleFunc: [235, 0, 0],
+  neverCenterToPosition: false,
+  noCenterAfterDrag: false,
+  onActivate: () => {
+  },
+  onDeactivate: () => {
+  },
+  onError: () => {
+  },
+  onSuccess: () => {
+  }
 };
-
-/**
- * The GeoLocation component creates a button to display the current device's location on an
- * [ol/map](https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html).
- */
-var Geolocation = /*@__PURE__*/(function (PureComponent) {
-  function Geolocation(props) {
-    PureComponent.call(this, props);
-
+class Geolocation extends PureComponent {
+  constructor(props) {
+    super(props);
     this.layer = new VectorLayer({
-      source: new VectorSource(),
+      source: new VectorSource()
     });
-
     this.isRecenteringToPosition = true;
-
     this.state = {
-      active: false,
+      active: false
     };
-    this.point = undefined;
+    this.point = void 0;
   }
-
-  if ( PureComponent ) Geolocation.__proto__ = PureComponent;
-  Geolocation.prototype = Object.create( PureComponent && PureComponent.prototype );
-  Geolocation.prototype.constructor = Geolocation;
-
-  Geolocation.prototype.componentWillUnmount = function componentWillUnmount () {
-    this.deactivate();
-  };
-
-  Geolocation.prototype.toggle = function toggle () {
-    var ref = this.state;
-    var active = ref.active;
-    var ref$1 = this.props;
-    var onError = ref$1.onError;
-    var geolocation = 'geolocation' in navigator;
-
-    if (!geolocation) {
-      onError();
-    } else if (!active) {
-      this.activate();
-    } else {
-      this.deactivate();
-    }
-  };
-
-  Geolocation.prototype.error = function error () {
-    var ref = this.props;
-    var onError = ref.onError;
-
-    this.deactivate();
-    onError();
-  };
-
-  Geolocation.prototype.deactivate = function deactivate () {
-    var ref = this.props;
-    var map = ref.map;
-    var onDeactivate = ref.onDeactivate;
-    window.clearInterval(this.interval);
-    this.layer.setMap(null);
-    navigator.geolocation.clearWatch(this.watch);
-
-    this.setState({
-      active: false,
-    });
-
-    this.isRecenteringToPosition = true;
-    this.point = undefined;
-    onDeactivate(map, this);
-    unByKey(this.dragListener);
-  };
-
-  Geolocation.prototype.activate = function activate () {
-    var this$1 = this;
-
-    var ref = this.props;
-    var map = ref.map;
-    var noCenterAfterDrag = ref.noCenterAfterDrag;
-    var onActivate = ref.onActivate;
-
+  activate() {
+    const { map, noCenterAfterDrag, onActivate } = this.props;
     this.projection = map.getView().getProjection().getCode();
     this.point = new Point([0, 0]);
     this.highlight();
     this.layer.setMap(map);
     this.setState({ active: true });
-
     this.watch = navigator.geolocation.watchPosition(
       this.update.bind(this),
       this.error.bind(this),
       {
-        enableHighAccuracy: true,
+        enableHighAccuracy: true
       }
     );
-
     if (noCenterAfterDrag) {
-      this.dragListener = map.on('pointerdrag', function () {
-        this$1.isRecenteringToPosition = false;
+      this.dragListener = map.on("pointerdrag", () => {
+        this.isRecenteringToPosition = false;
       });
     }
-
     onActivate(map, this);
-  };
-
-  Geolocation.prototype.update = function update (ref) {
-    var ref_coords = ref.coords;
-    var latitude = ref_coords.latitude;
-    var longitude = ref_coords.longitude;
-
-    var ref$1 = this.props;
-    var map = ref$1.map;
-    var alwaysRecenterToPosition = ref$1.alwaysRecenterToPosition;
-    var onSuccess = ref$1.onSuccess;
-
-    var position = transform(
-      [longitude, latitude],
-      'EPSG:4326',
-      this.projection
-    );
-    this.point.setCoordinates(position);
-
-    if (this.isRecenteringToPosition) {
-      map.getView().setCenter(position);
-      if (!alwaysRecenterToPosition) {
-        this.isRecenteringToPosition = false;
-      }
-    }
-
-    onSuccess(map, [latitude, longitude], this);
-  };
-
-  Geolocation.prototype.highlight = function highlight () {
-    var ref = this.props;
-    var colorOrStyleFunc = ref.colorOrStyleFunc;
-    var feature = new Feature({
-      geometry: this.point,
+  }
+  componentWillUnmount() {
+    this.deactivate();
+  }
+  deactivate() {
+    const { map, onDeactivate } = this.props;
+    window.clearInterval(this.interval);
+    this.layer.setMap(null);
+    navigator.geolocation.clearWatch(this.watch);
+    this.setState({
+      active: false
+    });
+    this.isRecenteringToPosition = true;
+    this.point = void 0;
+    onDeactivate(map, this);
+    unByKey(this.dragListener);
+  }
+  error(error) {
+    const { onError } = this.props;
+    this.deactivate();
+    onError(error);
+  }
+  highlight() {
+    const { colorOrStyleFunc } = this.props;
+    const feature = new Feature({
+      geometry: this.point
     });
-
     if (Array.isArray(colorOrStyleFunc)) {
-      var color = colorOrStyleFunc;
-
-      var decrease = true;
-      var opacity = 0.5;
-      var rotation = 0;
-
+      const color = colorOrStyleFunc;
+      let decrease = true;
+      let opacity = 0.5;
+      let rotation = 0;
       window.clearInterval(this.interval);
-      this.interval = window.setInterval(function () {
+      this.interval = window.setInterval(() => {
         rotation += 0.03;
         decrease = opacity < 0.1 ? false : decrease;
         decrease = opacity > 0.5 ? true : decrease;
@@ -236,79 +153,92 @@ var Geolocation = /*@__PURE__*/(function (PureComponent) {
           feature.changed();
         }
       }, 50);
-
-      feature.setStyle(function () {
-        var circleStyle = new Style({
+      feature.setStyle(() => {
+        const circleStyle = new Style({
           image: new Circle({
-            radius: 20,
-            rotation: rotation,
             fill: new Fill({
-              color: 'rgba(255, 255, 255, 0.01)',
+              color: "rgba(255, 255, 255, 0.01)"
             }),
+            radius: 20,
+            rotation,
             stroke: new Stroke({
+              color: `rgba(${color[0]}, ${color[1]}, ${color[2]}, ${opacity})`,
               lineDash: [30, 10],
-              width: 6,
-              color: ("rgba(" + (color[0]) + ", " + (color[1]) + ", " + (color[2]) + ", " + opacity + ")"),
-            }),
-          }),
+              width: 6
+            })
+          })
         });
-
         circleStyle.getImage().setRotation(rotation);
-
         return [
           new Style({
             image: new Circle({
-              radius: 10,
               fill: new Fill({
-                color: ("rgba(" + (color[0]) + ", " + (color[1]) + ", " + (color[2]) + ", 0.5)"),
+                color: `rgba(${color[0]}, ${color[1]}, ${color[2]}, 0.5)`
               }),
-            }),
+              radius: 10
+            })
           }),
-          circleStyle ];
+          circleStyle
+        ];
       });
     } else {
       feature.setStyle(colorOrStyleFunc);
     }
-
     this.layer.getSource().clear();
     this.layer.getSource().addFeature(feature);
-  };
-
-  Geolocation.prototype.render = function render () {
-    var this$1 = this;
-
-    var ref = this.props;
-    var children = ref.children;
-    var className = ref.className;
-    // Remove component props from other HTML props.
-    var other = Object.entries(this.props).reduce(function (props, ref) {
-      var obj;
-
-      var key = ref[0];
-      var value = ref[1];
-      return propTypes[key] ? props : Object.assign({}, props, ( obj = {}, obj[key] = value, obj ));
+  }
+  render() {
+    const { children, className } = this.props;
+    const other = Object.entries(this.props).reduce((props, [key, value]) => {
+      return propTypes[key] ? props : { ...props, [key]: value };
     }, {});
-    var ref$1 = this.state;
-    var active = ref$1.active;
-
-    return (
-      React.createElement( 'div', Object.assign({},
-        { role: "button", tabIndex: "0", className: (className + " " + (active ? 'rs-active' : '')), onClick: function () {
-          return this$1.toggle();
-        }, onKeyPress: function (e) {
-          return e.which === 13 && this$1.toggle();
-        } }, other),
-        children
-      )
+    const { active } = this.state;
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: `${className} ${active ? "rs-active" : ""}`,
+        onClick: () => {
+          return this.toggle();
+        },
+        onKeyPress: (e) => {
+          return e.which === 13 && this.toggle();
+        },
+        role: "button",
+        tabIndex: "0",
+        ...other
+      },
+      children
     );
-  };
-
-  return Geolocation;
-}(PureComponent));
-
+  }
+  toggle() {
+    const { active } = this.state;
+    const { onError } = this.props;
+    const geolocation = "geolocation" in navigator;
+    if (!geolocation) {
+      onError(new Error("Geolocation not supported"));
+    } else if (!active) {
+      this.activate();
+    } else {
+      this.deactivate();
+    }
+  }
+  update({ coords: { latitude, longitude } }) {
+    const { alwaysRecenterToPosition, map, neverCenterToPosition, onSuccess } = this.props;
+    const position = transform(
+      [longitude, latitude],
+      "EPSG:4326",
+      this.projection
+    );
+    this.point.setCoordinates(position);
+    if (!neverCenterToPosition && this.isRecenteringToPosition) {
+      map.getView().setCenter(position);
+      if (!alwaysRecenterToPosition) {
+        this.isRecenteringToPosition = false;
+      }
+    }
+    onSuccess(map, [latitude, longitude], this);
+  }
+}
 Geolocation.propTypes = propTypes;
 Geolocation.defaultProps = defaultProps;
-
 export default Geolocation;
-
-//# sourceMappingURL=Geolocation.js.map