Fix gmf examples

contribs/gmf/examples/profile.js

@@ -141,15 +141,15 @@ exports.MainController = function($scope, ngeoFeatureOverlayMgr) {
     this.profileLine = null; // To reset the profile.
   };
 
-  this.drawLine.on('drawstart', function() {
+  this.drawLine.on('drawstart', () => {
     this.clear_();
-  }, this);
+  });
 
-  this.drawLine.on('drawend', function(e) {
+  this.drawLine.on('drawend', (e) => {
     // Update the profile with the new geometry
     this.profileLine = e.feature.getGeometry();
     $scope.$digest();
-  }, this);
+  });
 };
 
 

contribs/gmf/src/disclaimer/component.js

@@ -234,7 +234,7 @@ exports.Controller_.prototype.unregisterLayer_ = function(layer) {
     this.eventHelper_.clearListenerKey(layerUid);
 
     // (2) Unregister existing layers in the group
-    layer.getLayers().forEach(this.unregisterLayer_, this);
+    layer.getLayers().forEach(layer => this.unregisterLayer_(layer));
 
   } else {
 

contribs/gmf/src/drawing/featureStyleComponent.js

@@ -3,7 +3,7 @@
  */
 import googAsserts from 'goog/asserts.js';
 import * as olEvents from 'ol/events.js';
-import olObject from 'ol/Object.js';
+import {getChangeEventType} from 'ol/Object.js';
 import ngeoFormatFeatureProperties from 'ngeo/format/FeatureProperties.js';
 
 /** @suppress {extraRequire} */
@@ -162,7 +162,7 @@ exports.Controller_.prototype.handleFeatureSet_ = function(
       keys.push(
         olEvents.listen(
           newFeature,
-          olObject.getChangeEventType(propName),
+          getChangeEventType(propName),
           this.handleFeatureChange_,
           this
         )

contribs/gmf/src/mobile/measure/lengthComponent.js

@@ -5,7 +5,7 @@ import ngeoMiscFilters from 'ngeo/misc/filters.js';
 import ngeoInteractionMeasureLengthMobile from 'ngeo/interaction/MeasureLengthMobile.js';
 import ngeoMiscDecorate from 'ngeo/misc/decorate.js';
 import * as olEvents from 'ol/events.js';
-import olObject from 'ol/Object.js';
+import {getChangeEventType} from 'ol/Object.js';
 import olStyleFill from 'ol/style/Fill.js';
 import olStyleRegularShape from 'ol/style/RegularShape.js';
 import olStyleStroke from 'ol/style/Stroke.js';
@@ -223,7 +223,7 @@ exports.Controller_.prototype.init = function() {
 
   olEvents.listen(
     drawInteraction,
-    olObject.getChangeEventType('dirty'),
+    getChangeEventType('dirty'),
     function() {
       this.dirty = drawInteraction.getDirty();
 
@@ -239,7 +239,7 @@ exports.Controller_.prototype.init = function() {
 
   olEvents.listen(
     drawInteraction,
-    olObject.getChangeEventType('drawing'),
+    getChangeEventType('drawing'),
     function() {
       this.drawing = drawInteraction.getDrawing();
     },
@@ -248,7 +248,7 @@ exports.Controller_.prototype.init = function() {
 
   olEvents.listen(
     drawInteraction,
-    olObject.getChangeEventType('valid'),
+    getChangeEventType('valid'),
     function() {
       this.valid = drawInteraction.getValid();
     },

contribs/gmf/src/objectediting/component.js

@@ -30,7 +30,7 @@ import olGeomMultiPolygon from 'ol/geom/MultiPolygon.js';
 import olLayerImage from 'ol/layer/Image.js';
 import olLayerTile from 'ol/layer/Tile.js';
 import olInteractionModify from 'ol/interaction/Modify.js';
-import olObject from 'ol/Object.js';
+import {getChangeEventType} from 'ol/Object.js';
 import olStyleCircle from 'ol/style/Circle.js';
 import olStyleFill from 'ol/style/Fill.js';
 import olStyleStroke from 'ol/style/Stroke.js';
@@ -677,7 +677,7 @@ exports.Controller.prototype.toggle_ = function(active) {
     keys.push(
       olEvents.listen(
         this.feature,
-        olObject.getChangeEventType(this.feature.getGeometryName()),
+        getChangeEventType(this.feature.getGeometryName()),
         this.handleFeatureGeometryChange_,
         this
       )

src/filter/RuleHelper.js

@@ -11,7 +11,7 @@ import ngeoRuleGeometry from 'ngeo/rule/Geometry.js';
 import ngeoRuleRule from 'ngeo/rule/Rule.js';
 import ngeoRuleSelect from 'ngeo/rule/Select.js';
 import ngeoRuleText from 'ngeo/rule/Text.js';
-import olFormatWFS from 'ol/format/WFS.js';
+import {writeFilter} from 'ol/format/WFS.js';
 import * as olFormatFilter from 'ol/format/filter.js';
 import * as olArray from 'ol/array.js';
 
@@ -452,7 +452,7 @@ const exports = class {
     let filterString = null;
     const filter = this.createFilter(options);
     if (filter) {
-      const filterNode = olFormatWFS.writeFilter(filter);
+      const filterNode = writeFilter(filter);
       const xmlSerializer = new XMLSerializer();
       filterString = xmlSerializer.serializeToString(filterNode);
     }

src/interaction/Modify.js

@@ -163,15 +163,15 @@ exports.prototype.setState_ = function() {
   });
 
   if (active && map) {
-    this.features_.forEach(() => this.addFeature_);
+    this.features_.forEach(feature => this.addFeature_(feature));
     keys.push(
       olEvents.listen(this.features_, 'add', this.handleFeaturesAdd_, this),
       olEvents.listen(this.features_, 'remove', this.handleFeaturesRemove_, this)
     );
   } else {
     keys.forEach(olEvents.unlistenByKey);
     keys.length = 0;
-    this.features_.forEach(() => this.removeFeature_);
+    this.features_.forEach(feature => this.removeFeature_(feature));
   }
 };
 

src/interaction/ModifyCircle.js

@@ -15,7 +15,7 @@ import * as olExtent from 'ol/extent.js';
 import olGeomCircle from 'ol/geom/Circle.js';
 import olGeomLineString from 'ol/geom/LineString.js';
 import olGeomPoint from 'ol/geom/Point.js';
-import olGeomPolygon from 'ol/geom/Polygon.js';
+import {fromCircle} from 'ol/geom/Polygon.js';
 import olInteractionPointer, {handleEvent as pointerHandleEvent} from 'ol/interaction/Pointer.js';
 import olLayerVector from 'ol/layer/Vector.js';
 import olSourceVector from 'ol/source/Vector.js';
@@ -117,7 +117,7 @@ const exports = function(options) {
    */
   this.features_ = options.features;
 
-  this.features_.forEach(() => this.addFeature_);
+  this.features_.forEach(feature => this.addFeature_(feature));
   olEvents.listen(this.features_, 'add', this.handleFeatureAdd_, this);
   olEvents.listen(this.features_, 'remove', this.handleFeatureRemove_, this);
 
@@ -343,7 +343,7 @@ exports.handleDragEvent_ = function(evt) {
    * @type {ol.geom.Circle}
    */
   const circle = new olGeomCircle(center, line.getLength());
-  const coordinates = olGeomPolygon.fromCircle(circle, 64).getCoordinates();
+  const coordinates = fromCircle(circle, 64).getCoordinates();
   this.setGeometryCoordinates_(geometry, coordinates);
 
 

src/interaction/Rotate.js

@@ -142,7 +142,7 @@ exports.prototype.setActive = function(active) {
       this.handleKeyUp_,
       this
     );
-    this.features_.forEach(() => this.addFeature_);
+    this.features_.forEach(feature => this.addFeature_(feature));
     this.listenerKeys_.push(
       olEvents.listen(this.features_, 'add', this.handleFeatureAdd_, this),
       olEvents.listen(this.features_, 'remove', this.handleFeatureRemove_, this)
@@ -151,7 +151,7 @@ exports.prototype.setActive = function(active) {
   } else {
     this.listenerKeys_.forEach(olEvents.unlistenByKey);
     this.listenerKeys_.length = 0;
-    this.features_.forEach(() => this.removeFeature_);
+    this.features_.forEach(feature => this.removeFeature_(feature));
   }
 };
 

src/interaction/Translate.js

@@ -146,7 +146,7 @@ exports.prototype.setState_ = function() {
   const keys = this.listenerKeys_;
 
   if (map && active && features) {
-    features.forEach(this.addFeature_, this);
+    features.forEach(feature => this.addFeature_(feature));
     keys.push(
       olEvents.listen(features, 'add', this.handleFeaturesAdd_, this),
       olEvents.listen(features, 'remove', this.handleFeaturesRemove_, this)
@@ -160,7 +160,7 @@ exports.prototype.setState_ = function() {
 
     keys.forEach(olEvents.unlistenByKey);
     keys.length = 0;
-    features.forEach(this.removeFeature_, this);
+    features.forEach(feature => this.removeFeature_(feature));
   }
 };
 

src/map/FeatureOverlayMgr.js

@@ -7,7 +7,7 @@ import * as olBase from 'ol/index.js';
 import olLayerVector from 'ol/layer/Vector.js';
 import * as olObj from 'ol/obj.js';
 import olSourceVector from 'ol/source/Vector.js';
-import olStyleStyle, {toFunction as toStyleFunction} from 'ol/style/Style.js';
+import olStyleStyle, {toFunction as toStyleFunction, createDefaultStyle as defaultFunction} from 'ol/style/Style.js';
 
 
 /**
@@ -130,7 +130,7 @@ exports.prototype.getLayer = function() {
 exports.prototype.getFeatureOverlay = function() {
   const groupIndex = this.groups_.length;
   this.groups_.push({
-    styleFunction: olStyleStyle.defaultFunction,
+    styleFunction: defaultFunction,
     features: {}
   });
   return new ngeoMapFeatureOverlay(this, groupIndex);

src/rule/Geometry.js

@@ -4,7 +4,7 @@
 import googAsserts from 'goog/asserts.js';
 import ngeoFormatAttributeType from 'ngeo/format/AttributeType.js';
 import ngeoRuleRule from 'ngeo/rule/Rule.js';
-import olObject from 'ol/Object.js';
+import {getChangeEventType} from 'ol/Object.js';
 import * as olEvents from 'ol/events.js';
 import olFeature from 'ol/Feature.js';
 import olFormatGeoJSON from 'ol/format/GeoJSON.js';
@@ -62,7 +62,7 @@ const exports = class extends ngeoRuleRule {
     this.listenerKeys.push(
       olEvents.listen(
         this.feature_,
-        olObject.getChangeEventType(this.feature.getGeometryName()),
+        getChangeEventType(this.feature.getGeometryName()),
         this.handleFeatureGeometryChange_,
         this
       )