Transformed

examples/vector-label-decluttering.js

@@ -1,23 +1,23 @@
-goog.require('ol.Map');
-goog.require('ol.View');
-goog.require('ol.extent');
-goog.require('ol.format.GeoJSON');
-goog.require('ol.layer.Vector');
-goog.require('ol.source.Vector');
-goog.require('ol.style.Fill');
-goog.require('ol.style.Stroke');
-goog.require('ol.style.Style');
-goog.require('ol.style.Text');
+import _ol_Map_ from '../src/ol/Map.js';
+import _ol_View_ from '../src/ol/View.js';
+import _ol_extent_ from '../src/ol/extent.js';
+import _ol_format_GeoJSON_ from '../src/ol/format/GeoJSON.js';
+import _ol_layer_Vector_ from '../src/ol/layer/Vector.js';
+import _ol_source_Vector_ from '../src/ol/source/Vector.js';
+import _ol_style_Fill_ from '../src/ol/style/Fill.js';
+import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import _ol_style_Style_ from '../src/ol/style/Style.js';
+import _ol_style_Text_ from '../src/ol/style/Text.js';
 
-var map = new ol.Map({
+var map = new _ol_Map_({
   target: 'map',
-  view: new ol.View({
+  view: new _ol_View_({
     center: [0, 0],
     zoom: 1
   })
 });
 
-var labelStyle = new ol.style.Style({
+var labelStyle = new _ol_style_Style_({
   geometry: function(feature) {
     var geometry = feature.getGeometry();
     if (geometry.getType() == 'MultiPolygon') {
@@ -26,7 +26,7 @@ var labelStyle = new ol.style.Style({
       var widest = 0;
       for (var i = 0, ii = polygons.length; i < ii; ++i) {
         var polygon = polygons[i];
-        var width = ol.extent.getWidth(polygon.getExtent());
+        var width = _ol_extent_.getWidth(polygon.getExtent());
         if (width > widest) {
           widest = width;
           geometry = polygon;
@@ -35,33 +35,33 @@ var labelStyle = new ol.style.Style({
     }
     return geometry;
   },
-  text: new ol.style.Text({
+  text: new _ol_style_Text_({
     font: '12px Calibri,sans-serif',
     overflow: true,
-    fill: new ol.style.Fill({
+    fill: new _ol_style_Fill_({
       color: '#000'
     }),
-    stroke: new ol.style.Stroke({
+    stroke: new _ol_style_Stroke_({
       color: '#fff',
       width: 3
     })
   })
 });
-var countryStyle = new ol.style.Style({
-  fill: new ol.style.Fill({
+var countryStyle = new _ol_style_Style_({
+  fill: new _ol_style_Fill_({
     color: 'rgba(255, 255, 255, 0.6)'
   }),
-  stroke: new ol.style.Stroke({
+  stroke: new _ol_style_Stroke_({
     color: '#319FD3',
     width: 1
   })
 });
 var style = [countryStyle, labelStyle];
 
-var vectorLayer = new ol.layer.Vector({
-  source: new ol.source.Vector({
+var vectorLayer = new _ol_layer_Vector_({
+  source: new _ol_source_Vector_({
     url: 'data/geojson/countries.geojson',
-    format: new ol.format.GeoJSON()
+    format: new _ol_format_GeoJSON_()
   }),
   style: function(feature) {
     labelStyle.getText().setText(feature.get('name'));