itowns 2.42.1-next.2 → 2.42.1-next.21

package/examples/source_stream_wfs_3d.html

@@ -175,7 +175,7 @@
             view.addFrameRequester(itowns.MAIN_LOOP_EVENTS.BEFORE_RENDER, scaler);
 
             var wfsBuildingSource = new itowns.WFSSource({
-                url: 'https://wxs.ign.fr/topographie/geoportail/wfs?',
+                url: 'https://data.geopf.fr/wfs/ows?',
                 version: '2.0.0',
                 typeName: 'BDTOPO_V3:batiment',
                 crs: 'EPSG:4326',

package/examples/vector_tile_3d_mesh.html

@@ -75,7 +75,7 @@
 
             // Define the source of the ColorLayer data : a vector tiled map from the geoportail.
             const mapSource = new itowns.VectorTilesSource({
-                style: 'https://wxs.ign.fr/essentiels/static/vectorTiles/styles/PLAN.IGN/standard.json',
+                style: "https://data.geopf.fr/annexes/ressources/vectorTiles/styles/PLAN.IGN/standard.json",
                 // We don't display mountains and parcels related data to ease visualisation. Also, we don't display
                 // buildings related data as it will be displayed in another Layer.
                 filter: (layer) => {
@@ -110,7 +110,7 @@
 
             // Define the source of the building data : those are vector tiled data from the geoportail.
             const buildingsSource = new itowns.VectorTilesSource({
-                style: 'https://wxs.ign.fr/essentiels/static/vectorTiles/styles/PLAN.IGN/standard.json',
+                style: "https://data.geopf.fr/annexes/ressources/vectorTiles/styles/PLAN.IGN/standard.json",
                 // We only want to display buildings related data.
                 filter: (layer) => {
                     return layer['source-layer'].includes('bati_surf')

package/examples/vector_tile_raster_2d.html

@@ -48,7 +48,7 @@
 
             // Defines a VectorTilesSource to load Vector Tiles data from the geoportail
             var mvtSource = new itowns.VectorTilesSource({
-                style: 'https://wxs.ign.fr/essentiels/static/vectorTiles/styles/PLAN.IGN/standard.json',
+                style: "https://data.geopf.fr/annexes/ressources/vectorTiles/styles/PLAN.IGN/standard.json",
                 // We don't display mountains related data to ease visualisation
                 filter: (layer) => !layer['source-layer'].includes('oro_') && !layer['source-layer'].includes('parcellaire'),
             });

package/examples/vector_tile_raster_3d.html

@@ -49,7 +49,7 @@
 
             // Define a VectorTilesSource to load Vector Tiles data from the geoportail
             var mvtSource = new itowns.VectorTilesSource({
-                style: 'https://wxs.ign.fr/essentiels/static/vectorTiles/styles/PLAN.IGN/standard.json',
+                style: "https://data.geopf.fr/annexes/ressources/vectorTiles/styles/PLAN.IGN/standard.json",
                 // We don't display mountains related data to ease visualisation
                 filter: (layer) => !layer['source-layer'].includes('oro_') && !layer['source-layer'].includes('parcellaire'),
             });

package/examples/view_25d_map.html

@@ -98,9 +98,9 @@
             view.addLayer(wmsElevationLayer);
 
             var wfsCartoSource = new itowns.WFSSource({
-                url: 'https://wxs.ign.fr/cartovecto/geoportail/wfs?',
+                url: 'https://data.geopf.fr/wfs/ows?',
                 version: '2.0.0',
-                typeName: 'BDCARTO_BDD_WLD_WGS84G:zone_habitat_mairie',
+                typeName: 'BDCARTO_V5:zone_d_habitation',
                 crs: 'EPSG:3946',
                 ipr: 'IGN',
                 format: 'application/json',

package/examples/view_3d_map.html

@@ -85,7 +85,7 @@
                 view,
                 new itowns.ColorLayer('minimap', {
                     source: new itowns.VectorTilesSource({
-                        style: 'https://wxs.ign.fr/essentiels/static/vectorTiles/styles/PLAN.IGN/gris.json',
+                        style: "https://data.geopf.fr/annexes/ressources/vectorTiles/styles/PLAN.IGN/standard.json",
                         // We don't display mountains and plot related data to ease visualisation
                         filter: (layer) => !layer['source-layer'].includes('oro_')
                             && !layer['source-layer'].includes('parcellaire'),
@@ -110,8 +110,8 @@
             // Define options for geocoding service that should be used by the searchbar.
             const geocodingOptions = {
                 url: new URL(
-                    'https://wxs.ign.fr/ayxvok72rcocdyn8xyvy32og/ols/apis/completion?text=&type=StreetAddress,' +
-                    'PositionOfInterest',
+                    'https://data.geopf.fr/geocodage/completion?' +
+                    'text=&type=StreetAddress,PositionOfInterest',
                 ),
                 parser: (response) => {
                     const map = new Map();

package/examples/view_3d_map_webxr.html

@@ -14,7 +14,7 @@
         <script type="importmap">
             {
                 "imports": {
-                    "three/addons/": "https://unpkg.com/three@0.159.0/examples/jsm/"
+                    "three/addons/": "https://cdn.jsdelivr.net/npm/three@0.159.0/examples/jsm/"
                 }
             }
         </script>

package/examples/view_3d_mns_map.html

@@ -84,7 +84,7 @@
                 view,
                 new itowns.ColorLayer('minimap', {
                     source: new itowns.VectorTilesSource({
-                        style: 'https://wxs.ign.fr/essentiels/static/vectorTiles/styles/PLAN.IGN/gris.json',
+                        style: "https://data.geopf.fr/annexes/ressources/vectorTiles/styles/PLAN.IGN/standard.json",
                         // We don't display mountains and plot related data to ease visualisation
                         filter: (layer) => !layer['source-layer'].includes('oro_')
                             && !layer['source-layer'].includes('parcellaire'),
@@ -109,8 +109,8 @@
             // Define options for geocoding service that should be used by the searchbar.
             const geocodingOptions = {
                 url: new URL(
-                    'https://wxs.ign.fr/ayxvok72rcocdyn8xyvy32og/ols/apis/completion?text=&type=StreetAddress,' +
-                    'PositionOfInterest',
+                    'https://data.geopf.fr/geocodage/completion?' +
+                    'text=&type=StreetAddress,PositionOfInterest',
                 ),
                 parser: (response) => {
                     const map = new Map();

package/examples/view_immersive.html

@@ -117,7 +117,7 @@
             view.addLayer(olayer, view.tileLayer).then(function addWfsLayer(orientedImageLayer) {
                 // prepare WFS source for the buildings
                 var wfsBuildingSource = new itowns.WFSSource({
-                    url: 'https://wxs.ign.fr/topographie/geoportail/wfs?',
+                    url: 'https://data.geopf.fr/wfs/ows?',
                     version: '2.0.0',
                     typeName: 'BDTOPO_V3:batiment',
                         crs: 'EPSG:4326',

package/examples/view_multi_25d.html

@@ -17,8 +17,8 @@
         <script type="importmap">
             {
                 "imports": {
-                    "three": "https://unpkg.com/three@0.159.0/build/three.module.js",
-                    "three/addons/": "https://unpkg.com/three@0.159.0/examples/jsm/"
+                    "three": "https://cdn.jsdelivr.net/npm/three@0.159.0/build/three.module.js",
+                    "three/addons/": "https://cdn.jsdelivr.net/npm/three@0.159.0/examples/jsm/"
                 }
             }
         </script>

package/examples/widgets_minimap.html

@@ -88,7 +88,7 @@
             // Create a ColorLayer that shall be displayed on the minimap.
             const minimapColorLayer = new itowns.ColorLayer('minimap', {
                 source: new itowns.VectorTilesSource({
-                    style: 'https://wxs.ign.fr/essentiels/static/vectorTiles/styles/PLAN.IGN/standard.json',
+                    style: "https://data.geopf.fr/annexes/ressources/vectorTiles/styles/PLAN.IGN/standard.json",
                     // We don't display mountains and plot related data to ease visualisation
                     filter: (layer) => !layer['source-layer'].includes('oro_')
                         && !layer['source-layer'].includes('parcellaire'),

package/examples/widgets_searchbar.html

@@ -88,8 +88,8 @@
             // Define options for geocoding service that should be used by the searchbar.
             const geocodingOptions = {
                 url: new URL(
-                    'https://wxs.ign.fr/ayxvok72rcocdyn8xyvy32og/ols/apis/completion?text=&type=StreetAddress,' +
-                    'PositionOfInterest',
+                    'https://data.geopf.fr/geocodage/completion?' +
+                    'text=&type=StreetAddress,PositionOfInterest',
                 ),
                 // As precised in the doc (http://www.itowns-project.org/itowns/docs/#api/Widgets/Searchbar), the parser
                 // method must parse the geocoding service response into a Map object. For each item of this Map, the

package/lib/Controls/FirstPersonControls.js

@@ -1,16 +1,10 @@
-"use strict";
+import * as THREE from 'three';
+import { MAIN_LOOP_EVENTS } from "../Core/MainLoop.js";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var THREE = _interopRequireWildcard(require("three"));
-var _MainLoop = require("../Core/MainLoop");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 // Note: we could use existing three.js controls (like https://github.com/mrdoob/three.js/blob/dev/examples/js/controls/FirstPersonControls.js)
 // but including these controls in itowns allows use to integrate them tightly with itowns.
 // Especially the existing controls are expecting a continuous update loop while we have a pausable one (so our controls use .notifyChange when needed)
+
 function limitRotation(camera3D, rot, verticalFOV) {
   // Limit vertical rotation (look up/down) to make sure the user cannot see
   // outside of the cone defined by verticalFOV
@@ -134,7 +128,7 @@ class FirstPersonControls extends THREE.EventDispatcher {
       document.addEventListener('keydown', this._onKeyDown, false);
       document.addEventListener('keyup', this._onKeyUp, false);
     }
-    this.view.addFrameRequester(_MainLoop.MAIN_LOOP_EVENTS.AFTER_CAMERA_UPDATE, this.update.bind(this));
+    this.view.addFrameRequester(MAIN_LOOP_EVENTS.AFTER_CAMERA_UPDATE, this.update.bind(this));
 
     // focus policy
     this._onFocus = () => view.domElement.focus();
@@ -313,5 +307,4 @@ class FirstPersonControls extends THREE.EventDispatcher {
     });
   }
 }
-var _default = FirstPersonControls;
-exports.default = _default;
+export default FirstPersonControls;

package/lib/Controls/FlyControls.js

@@ -1,13 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var THREE = _interopRequireWildcard(require("three"));
-var _MainLoop = require("../Core/MainLoop");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+import * as THREE from 'three';
+import { MAIN_LOOP_EVENTS } from "../Core/MainLoop.js";
 const MOVEMENTS = {
   38: {
     method: 'translateZ',
@@ -149,7 +141,7 @@ class FlyControls extends THREE.EventDispatcher {
     view.domElement.addEventListener('wheel', onDocumentMouseWheel.bind(this), false);
     view.domElement.addEventListener('keyup', onKeyUp.bind(this), true);
     view.domElement.addEventListener('keydown', onKeyDown.bind(this), true);
-    this.view.addFrameRequester(_MainLoop.MAIN_LOOP_EVENTS.AFTER_CAMERA_UPDATE, this.update.bind(this));
+    this.view.addFrameRequester(MAIN_LOOP_EVENTS.AFTER_CAMERA_UPDATE, this.update.bind(this));
 
     // focus policy
     if (options.focusOnMouseOver) {
@@ -182,5 +174,4 @@ class FlyControls extends THREE.EventDispatcher {
     }
   }
 }
-var _default = FlyControls;
-exports.default = _default;
+export default FlyControls;

package/lib/Controls/GlobeControls.js

@@ -1,19 +1,11 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.CONTROL_EVENTS = void 0;
-var THREE = _interopRequireWildcard(require("three"));
-var _AnimationPlayer = _interopRequireDefault(require("../Core/AnimationPlayer"));
-var _Coordinates = _interopRequireDefault(require("../Core/Geographic/Coordinates"));
-var _Ellipsoid = require("../Core/Math/Ellipsoid");
-var _CameraUtils = _interopRequireDefault(require("../Utils/CameraUtils"));
-var _StateControl = _interopRequireDefault(require("./StateControl"));
-var _View = require("../Core/View");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+import * as THREE from 'three';
+import AnimationPlayer from "../Core/AnimationPlayer.js";
+import Coordinates from "../Core/Geographic/Coordinates.js";
+import { ellipsoidSizes } from "../Core/Math/Ellipsoid.js";
+import CameraUtils from "../Utils/CameraUtils.js";
+import StateControl from "./StateControl.js";
+import { VIEW_EVENTS } from "../Core/View.js";
+
 // private members
 const EPS = 0.000001;
 const direction = {
@@ -46,10 +38,10 @@ let dollyScale;
 // Globe move
 const moveAroundGlobe = new THREE.Quaternion();
 const cameraTarget = new THREE.Object3D();
-const coordCameraTarget = new _Coordinates.default('EPSG:4978');
+const coordCameraTarget = new Coordinates('EPSG:4978');
 cameraTarget.matrixWorldInverse = new THREE.Matrix4();
-const xyz = new _Coordinates.default('EPSG:4978', 0, 0, 0);
-const c = new _Coordinates.default('EPSG:4326', 0, 0, 0);
+const xyz = new Coordinates('EPSG:4978', 0, 0, 0);
+const c = new Coordinates('EPSG:4326', 0, 0, 0);
 // Position object on globe
 function positionObject(newPosition, object) {
   xyz.setFromVector3(newPosition).as('EPSG:4326', c);
@@ -130,13 +122,12 @@ const helpers = {};
  * @property CAMERA_TARGET_CHANGED {string} Fires when camera's target change
  */
 
-const CONTROL_EVENTS = {
+export const CONTROL_EVENTS = {
   PAN_CHANGED: 'pan-changed',
   ORIENTATION_CHANGED: 'orientation-changed',
   RANGE_CHANGED: 'range-changed',
   CAMERA_TARGET_CHANGED: 'camera-target-changed'
 };
-exports.CONTROL_EVENTS = CONTROL_EVENTS;
 const quaterPano = new THREE.Quaternion();
 const quaterAxis = new THREE.Quaternion();
 const axisX = new THREE.Vector3(1, 0, 0);
@@ -184,12 +175,12 @@ class GlobeControls extends THREE.EventDispatcher {
   constructor(view, placement) {
     let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
     super();
-    this.player = new _AnimationPlayer.default();
+    this.player = new AnimationPlayer();
     this.view = view;
     this.camera = view.camera3D;
 
     // State control
-    this.states = new _StateControl.default(this.view);
+    this.states = new StateControl(this.view);
 
     // this.enabled property has moved to StateControl
     Object.defineProperty(this, 'enabled', {
@@ -210,7 +201,7 @@ class GlobeControls extends THREE.EventDispatcher {
 
     // Limits to how far you can dolly in and out ( PerspectiveCamera only )
     this.minDistance = options.minDistance || 250;
-    this.maxDistance = options.maxDistance || _Ellipsoid.ellipsoidSizes.x * 8.0;
+    this.maxDistance = options.maxDistance || ellipsoidSizes.x * 8.0;
 
     // Limits to how far you can zoom in and out ( OrthographicCamera only )
     this.minZoom = options.minZoom || 0;
@@ -523,7 +514,7 @@ class GlobeControls extends THREE.EventDispatcher {
       this.player.playLater(durationDampingOrbital, 2);
     }
     this.view.dispatchEvent({
-      type: _View.VIEW_EVENTS.CAMERA_MOVED,
+      type: VIEW_EVENTS.CAMERA_MOVED,
       coord: coordCameraTarget.setFromVector3(cameraTarget.position),
       range: spherical.radius,
       heading: -THREE.MathUtils.radToDeg(spherical.theta),
@@ -539,7 +530,7 @@ class GlobeControls extends THREE.EventDispatcher {
 
     // Stop CameraUtils ongoing animations, which can for instance be triggered with `this.travel` or
     // `this.lookAtCoordinate` methods.
-    _CameraUtils.default.stop(this.view, this.camera);
+    CameraUtils.stop(this.view, this.camera);
 
     // Dispatch events which specify if changes occurred in camera transform options.
     this.onEndingMove();
@@ -549,7 +540,7 @@ class GlobeControls extends THREE.EventDispatcher {
 
     // Update camera transform options.
     this.updateTarget();
-    previous = _CameraUtils.default.getTransformCameraLookingAtTarget(this.view, this.camera, pickedPosition);
+    previous = CameraUtils.getTransformCameraLookingAtTarget(this.view, this.camera, pickedPosition);
 
     // Initialize rotation and panoramic movements.
     rotateStart.copy(event.viewCoords);
@@ -667,8 +658,8 @@ class GlobeControls extends THREE.EventDispatcher {
     }
   }
   handlingEvent(current) {
-    current = current || _CameraUtils.default.getTransformCameraLookingAtTarget(this.view, this.camera);
-    const diff = _CameraUtils.default.getDiffParams(previous, current);
+    current = current || CameraUtils.getTransformCameraLookingAtTarget(this.view, this.camera);
+    const diff = CameraUtils.getDiffParams(previous, current);
     if (diff) {
       if (diff.range) {
         this.dispatchEvent({
@@ -712,7 +703,7 @@ class GlobeControls extends THREE.EventDispatcher {
     const range = this.getRange(point);
     if (point && range > this.minDistance) {
       return this.lookAtCoordinate({
-        coord: new _Coordinates.default('EPSG:4978', point),
+        coord: new Coordinates('EPSG:4978', point),
         range: range * (event.direction === 'out' ? 1 / 0.6 : 0.6),
         time: 1500
       });
@@ -720,7 +711,7 @@ class GlobeControls extends THREE.EventDispatcher {
   }
   handleZoom(event) {
     this.player.stop();
-    _CameraUtils.default.stop(this.view, this.camera);
+    CameraUtils.stop(this.view, this.camera);
     this.updateTarget();
     const delta = -event.delta;
     this.dolly(delta);
@@ -918,7 +909,7 @@ class GlobeControls extends THREE.EventDispatcher {
    * @return {number} number
    */
   getRange(position) {
-    return _CameraUtils.default.getTransformCameraLookingAtTarget(this.view, this.camera, position).range;
+    return CameraUtils.getTransformCameraLookingAtTarget(this.view, this.camera, position).range;
   }
 
   /**
@@ -928,7 +919,7 @@ class GlobeControls extends THREE.EventDispatcher {
    * @return {number} The angle of the rotation in degrees.
    */
   getTilt(position) {
-    return _CameraUtils.default.getTransformCameraLookingAtTarget(this.view, this.camera, position).tilt;
+    return CameraUtils.getTransformCameraLookingAtTarget(this.view, this.camera, position).tilt;
   }
 
   /**
@@ -938,7 +929,7 @@ class GlobeControls extends THREE.EventDispatcher {
    * @return {number} The angle of the rotation in degrees.
    */
   getHeading(position) {
-    return _CameraUtils.default.getTransformCameraLookingAtTarget(this.view, this.camera, position).heading;
+    return CameraUtils.getTransformCameraLookingAtTarget(this.view, this.camera, position).heading;
   }
 
   /**
@@ -968,7 +959,7 @@ class GlobeControls extends THREE.EventDispatcher {
    */
 
   getCameraCoordinate() {
-    return new _Coordinates.default('EPSG:4978', this.camera.position).as('EPSG:4326');
+    return new Coordinates('EPSG:4978', this.camera.position).as('EPSG:4326');
   }
 
   /**
@@ -976,7 +967,7 @@ class GlobeControls extends THREE.EventDispatcher {
    * @return {Coordinates} coordinate
    */
   getLookAtCoordinate() {
-    return _CameraUtils.default.getTransformCameraLookingAtTarget(this.view, this.camera).coord;
+    return CameraUtils.getTransformCameraLookingAtTarget(this.view, this.camera).coord;
   }
 
   /**
@@ -1058,7 +1049,7 @@ class GlobeControls extends THREE.EventDispatcher {
     let pixelPitch = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.28;
     console.warn('Deprecated, use View#getPixelsToMeters and GlobeControls#getMetersToDegrees instead.');
     const chord = this.pixelsToMeters(pixels, pixelPitch);
-    return THREE.MathUtils.radToDeg(2 * Math.asin(chord / (2 * _Ellipsoid.ellipsoidSizes.x)));
+    return THREE.MathUtils.radToDeg(2 * Math.asin(chord / (2 * ellipsoidSizes.x)));
   }
 
   /**
@@ -1130,13 +1121,13 @@ class GlobeControls extends THREE.EventDispatcher {
         }
       }
     }
-    previous = _CameraUtils.default.getTransformCameraLookingAtTarget(this.view, this.camera);
+    previous = CameraUtils.getTransformCameraLookingAtTarget(this.view, this.camera);
     if (isAnimated) {
       params.callback = r => cameraTarget.position.copy(r.targetWorldPosition);
       this.dispatchEvent({
         type: 'animation-started'
       });
-      return _CameraUtils.default.animateCameraToLookAtTarget(this.view, this.camera, params).then(result => {
+      return CameraUtils.animateCameraToLookAtTarget(this.view, this.camera, params).then(result => {
         this.dispatchEvent({
           type: 'animation-ended'
         });
@@ -1144,7 +1135,7 @@ class GlobeControls extends THREE.EventDispatcher {
         return result;
       });
     } else {
-      return _CameraUtils.default.transformCameraToLookAtTarget(this.view, this.camera, params).then(result => {
+      return CameraUtils.transformCameraToLookAtTarget(this.view, this.camera, params).then(result => {
         cameraTarget.position.copy(result.targetWorldPosition);
         this.handlingEvent(result);
         return result;
@@ -1163,8 +1154,7 @@ class GlobeControls extends THREE.EventDispatcher {
     if (!pickedPosition) {
       return;
     }
-    return new _Coordinates.default('EPSG:4978', pickedPosition).as('EPSG:4326');
+    return new Coordinates('EPSG:4978', pickedPosition).as('EPSG:4326');
   }
 }
-var _default = GlobeControls;
-exports.default = _default;
+export default GlobeControls;

package/lib/Controls/PlanarControls.js

@@ -1,21 +1,13 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.keys = exports.default = exports.STATE = exports.PLANAR_CONTROL_EVENT = void 0;
-var THREE = _interopRequireWildcard(require("three"));
-var _MainLoop = require("../Core/MainLoop");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+import * as THREE from 'three';
+import { MAIN_LOOP_EVENTS } from "../Core/MainLoop.js";
+
 // event keycode
-const keys = {
+export const keys = {
   CTRL: 17,
   SPACE: 32,
   T: 84,
   Y: 89
 };
-exports.keys = keys;
 const mouseButtons = {
   LEFTCLICK: THREE.MOUSE.LEFT,
   MIDDLECLICK: THREE.MOUSE.MIDDLE,
@@ -33,7 +25,7 @@ let cameraInitialZoom = 0;
 const pointUnderCursor = new THREE.Vector3();
 
 // control state
-const STATE = {
+export const STATE = {
   NONE: -1,
   DRAG: 0,
   PAN: 1,
@@ -43,7 +35,6 @@ const STATE = {
 };
 
 // cursor shape linked to control state
-exports.STATE = STATE;
 const cursor = {
   default: 'auto',
   drag: 'move',
@@ -120,7 +111,7 @@ const defaultOptions = {
   enableSmartTravel: true,
   enablePan: true
 };
-const PLANAR_CONTROL_EVENT = {
+export const PLANAR_CONTROL_EVENT = {
   MOVED: 'moved'
 };
 
@@ -174,7 +165,6 @@ const PLANAR_CONTROL_EVENT = {
  * rotation, in degrees.
  * @param   {boolean}       [options.handleCollision=true]
  */
-exports.PLANAR_CONTROL_EVENT = PLANAR_CONTROL_EVENT;
 class PlanarControls extends THREE.EventDispatcher {
   constructor(view) {
     let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -308,14 +298,14 @@ class PlanarControls extends THREE.EventDispatcher {
 
     // add this PlanarControl instance to the view's frameRequesters
     // with this, PlanarControl.update() will be called each frame
-    this.view.addFrameRequester(_MainLoop.MAIN_LOOP_EVENTS.AFTER_CAMERA_UPDATE, this._handlerUpdate);
+    this.view.addFrameRequester(MAIN_LOOP_EVENTS.AFTER_CAMERA_UPDATE, this._handlerUpdate);
 
     // event listeners for user input (to activate the controls)
     this.addInputListeners();
   }
   dispose() {
     this.removeInputListeners();
-    this.view.removeFrameRequester(_MainLoop.MAIN_LOOP_EVENTS.AFTER_CAMERA_UPDATE, this._handlerUpdate);
+    this.view.removeFrameRequester(MAIN_LOOP_EVENTS.AFTER_CAMERA_UPDATE, this._handlerUpdate);
   }
 
   /**
@@ -1032,5 +1022,4 @@ class PlanarControls extends THREE.EventDispatcher {
     return (value ** 2 * (3 - 2 * value)) ** 1.20;
   }
 }
-var _default = PlanarControls;
-exports.default = _default;
+export default PlanarControls;

package/lib/Controls/StateControl.js

@@ -1,12 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var THREE = _interopRequireWildcard(require("three"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+import * as THREE from 'three';
 const CONTROL_KEYS = {
   LEFT: 37,
   UP: 38,
@@ -434,5 +426,4 @@ class StateControl extends THREE.EventDispatcher {
     this._domElement.removeEventListener('contextmenu', this._onContextMenu, false);
   }
 }
-var _default = StateControl;
-exports.default = _default;
+export default StateControl;