Transformed

examples/feature-animation.js

@@ -1,44 +1,44 @@
-goog.require('ol.Feature');
-goog.require('ol.Map');
-goog.require('ol.Observable');
-goog.require('ol.View');
-goog.require('ol.control');
-goog.require('ol.easing');
-goog.require('ol.geom.Point');
-goog.require('ol.layer.Tile');
-goog.require('ol.layer.Vector');
-goog.require('ol.proj');
-goog.require('ol.source.OSM');
-goog.require('ol.source.Vector');
-goog.require('ol.style.Circle');
-goog.require('ol.style.Stroke');
-goog.require('ol.style.Style');
+import _ol_Feature_ from '../src/ol/Feature.js';
+import _ol_Map_ from '../src/ol/Map.js';
+import _ol_Observable_ from '../src/ol/Observable.js';
+import _ol_View_ from '../src/ol/View.js';
+import _ol_control_ from '../src/ol/control.js';
+import _ol_easing_ from '../src/ol/easing.js';
+import _ol_geom_Point_ from '../src/ol/geom/Point.js';
+import _ol_layer_Tile_ from '../src/ol/layer/Tile.js';
+import _ol_layer_Vector_ from '../src/ol/layer/Vector.js';
+import _ol_proj_ from '../src/ol/proj.js';
+import _ol_source_OSM_ from '../src/ol/source/OSM.js';
+import _ol_source_Vector_ from '../src/ol/source/Vector.js';
+import _ol_style_Circle_ from '../src/ol/style/Circle.js';
+import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import _ol_style_Style_ from '../src/ol/style/Style.js';
 
 
-var map = new ol.Map({
+var map = new _ol_Map_({
   layers: [
-    new ol.layer.Tile({
-      source: new ol.source.OSM({
+    new _ol_layer_Tile_({
+      source: new _ol_source_OSM_({
         wrapX: false
       })
     })
   ],
-  controls: ol.control.defaults({
+  controls: _ol_control_.defaults({
     attributionOptions: {
       collapsible: false
     }
   }),
   target: 'map',
-  view: new ol.View({
+  view: new _ol_View_({
     center: [0, 0],
     zoom: 1
   })
 });
 
-var source = new ol.source.Vector({
+var source = new _ol_source_Vector_({
   wrapX: false
 });
-var vector = new ol.layer.Vector({
+var vector = new _ol_layer_Vector_({
   source: source
 });
 map.addLayer(vector);
@@ -46,9 +46,9 @@ map.addLayer(vector);
 function addRandomFeature() {
   var x = Math.random() * 360 - 180;
   var y = Math.random() * 180 - 90;
-  var geom = new ol.geom.Point(ol.proj.transform([x, y],
+  var geom = new _ol_geom_Point_(_ol_proj_.transform([x, y],
       'EPSG:4326', 'EPSG:3857'));
-  var feature = new ol.Feature(geom);
+  var feature = new _ol_Feature_(geom);
   source.addFeature(feature);
 }
 
@@ -64,14 +64,14 @@ function flash(feature) {
     var elapsed = frameState.time - start;
     var elapsedRatio = elapsed / duration;
     // radius will be 5 at start and 30 at end.
-    var radius = ol.easing.easeOut(elapsedRatio) * 25 + 5;
-    var opacity = ol.easing.easeOut(1 - elapsedRatio);
+    var radius = _ol_easing_.easeOut(elapsedRatio) * 25 + 5;
+    var opacity = _ol_easing_.easeOut(1 - elapsedRatio);
 
-    var style = new ol.style.Style({
-      image: new ol.style.Circle({
+    var style = new _ol_style_Style_({
+      image: new _ol_style_Circle_({
         radius: radius,
         snapToPixel: false,
-        stroke: new ol.style.Stroke({
+        stroke: new _ol_style_Stroke_({
           color: 'rgba(255, 0, 0, ' + opacity + ')',
           width: 0.25 + opacity
         })
@@ -81,7 +81,7 @@ function flash(feature) {
     vectorContext.setStyle(style);
     vectorContext.drawGeometry(flashGeom);
     if (elapsed > duration) {
-      ol.Observable.unByKey(listenerKey);
+      _ol_Observable_.unByKey(listenerKey);
       return;
     }
     // tell OpenLayers to continue postcompose animation