Named exports from ol/proj

examples/animation.js

@@ -2,14 +2,14 @@ import _ol_Map_ from '../src/ol/Map.js';
 import _ol_View_ from '../src/ol/View.js';
 import {easeIn, easeOut} from '../src/ol/easing.js';
 import _ol_layer_Tile_ from '../src/ol/layer/Tile.js';
-import _ol_proj_ from '../src/ol/proj.js';
+import {fromLonLat} from '../src/ol/proj.js';
 import _ol_source_OSM_ from '../src/ol/source/OSM.js';
 
-var london = _ol_proj_.fromLonLat([-0.12755, 51.507222]);
-var moscow = _ol_proj_.fromLonLat([37.6178, 55.7517]);
-var istanbul = _ol_proj_.fromLonLat([28.9744, 41.0128]);
-var rome = _ol_proj_.fromLonLat([12.5, 41.9]);
-var bern = _ol_proj_.fromLonLat([7.4458, 46.95]);
+var london = fromLonLat([-0.12755, 51.507222]);
+var moscow = fromLonLat([37.6178, 55.7517]);
+var istanbul = fromLonLat([28.9744, 41.0128]);
+var rome = fromLonLat([12.5, 41.9]);
+var bern = fromLonLat([7.4458, 46.95]);
 
 var view = new _ol_View_({
   center: istanbul,

examples/canvas-gradient-pattern.js

@@ -4,7 +4,7 @@ import * as _ol_extent_ from '../src/ol/extent.js';
 import _ol_format_GeoJSON_ from '../src/ol/format/GeoJSON.js';
 import _ol_has_ from '../src/ol/has.js';
 import _ol_layer_Vector_ from '../src/ol/layer/Vector.js';
-import _ol_proj_ from '../src/ol/proj.js';
+import {fromLonLat} from '../src/ol/proj.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';
@@ -96,7 +96,7 @@ var map = new _ol_Map_({
   ],
   target: 'map',
   view: new _ol_View_({
-    center: _ol_proj_.fromLonLat([7, 52]),
+    center: fromLonLat([7, 52]),
     zoom: 3
   })
 });

examples/canvas-tiles.js

@@ -2,7 +2,7 @@ import _ol_Map_ from '../src/ol/Map.js';
 import _ol_View_ from '../src/ol/View.js';
 import _ol_control_ from '../src/ol/control.js';
 import _ol_layer_Tile_ from '../src/ol/layer/Tile.js';
-import _ol_proj_ from '../src/ol/proj.js';
+import {fromLonLat} from '../src/ol/proj.js';
 import _ol_source_OSM_ from '../src/ol/source/OSM.js';
 import _ol_source_TileDebug_ from '../src/ol/source/TileDebug.js';
 
@@ -27,8 +27,7 @@ var map = new _ol_Map_({
     }
   }),
   view: new _ol_View_({
-    center: _ol_proj_.transform(
-        [-0.1275, 51.507222], 'EPSG:4326', 'EPSG:3857'),
+    center: fromLonLat([-0.1275, 51.507222]),
     zoom: 10
   })
 });

examples/d3.js

@@ -1,10 +1,10 @@
 // NOCOMPILE
 import _ol_Map_ from '../src/ol/Map.js';
 import _ol_View_ from '../src/ol/View.js';
-import * as _ol_extent_ from '../src/ol/extent.js';
+import {getWidth, getCenter} from '../src/ol/extent.js';
 import _ol_layer_Image_ from '../src/ol/layer/Image.js';
 import _ol_layer_Tile_ from '../src/ol/layer/Tile.js';
-import _ol_proj_ from '../src/ol/proj.js';
+import {fromLonLat, toLonLat} from '../src/ol/proj.js';
 import _ol_source_ImageCanvas_ from '../src/ol/source/ImageCanvas.js';
 import _ol_source_Stamen_ from '../src/ol/source/Stamen.js';
 
@@ -19,7 +19,7 @@ var map = new _ol_Map_({
   ],
   target: 'map',
   view: new _ol_View_({
-    center: _ol_proj_.fromLonLat([-97, 38]),
+    center: fromLonLat([-97, 38]),
     zoom: 4
   })
 });
@@ -57,13 +57,11 @@ d3.json('data/topojson/us.json', function(error, us) {
     var pixelBoundsHeight = pixelBounds[1][1] - pixelBounds[0][1];
 
     var geoBounds = d3.geoBounds(features);
-    var geoBoundsLeftBottom = _ol_proj_.transform(
-        geoBounds[0], 'EPSG:4326', projection);
-    var geoBoundsRightTop = _ol_proj_.transform(
-        geoBounds[1], 'EPSG:4326', projection);
+    var geoBoundsLeftBottom = fromLonLat(geoBounds[0], projection);
+    var geoBoundsRightTop = fromLonLat(geoBounds[1], projection);
     var geoBoundsWidth = geoBoundsRightTop[0] - geoBoundsLeftBottom[0];
     if (geoBoundsWidth < 0) {
-      geoBoundsWidth += _ol_extent_.getWidth(projection.getExtent());
+      geoBoundsWidth += getWidth(projection.getExtent());
     }
     var geoBoundsHeight = geoBoundsRightTop[1] - geoBoundsLeftBottom[1];
 
@@ -72,8 +70,7 @@ d3.json('data/topojson/us.json', function(error, us) {
     var r = Math.max(widthResolution, heightResolution);
     var scale = r / (resolution / pixelRatio);
 
-    var center = _ol_proj_.transform(_ol_extent_.getCenter(extent),
-        projection, 'EPSG:4326');
+    var center = toLonLat(getCenter(extent), projection);
     d3Projection.scale(scale).center(center)
         .translate([canvasWidth / 2, canvasHeight / 2]);
     d3Path = d3Path.projection(d3Projection).context(context);

examples/device-orientation.js

@@ -4,14 +4,10 @@ import _ol_View_ from '../src/ol/View.js';
 import _ol_control_ from '../src/ol/control.js';
 import _ol_layer_Tile_ from '../src/ol/layer/Tile.js';
 import _ol_math_ from '../src/ol/math.js';
-import _ol_proj_ from '../src/ol/proj.js';
 import _ol_source_OSM_ from '../src/ol/source/OSM.js';
 
-var projection = _ol_proj_.get('EPSG:3857');
 var view = new _ol_View_({
   center: [0, 0],
-  projection: projection,
-  extent: projection.getExtent(),
   zoom: 2
 });
 var map = new _ol_Map_({

examples/feature-animation.js

@@ -7,7 +7,7 @@ import {easeOut} 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 {fromLonLat} 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';
@@ -46,8 +46,7 @@ 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],
-      'EPSG:4326', 'EPSG:3857'));
+  var geom = new _ol_geom_Point_(fromLonLat([x, y]));
   var feature = new _ol_Feature_(geom);
   source.addFeature(feature);
 }

examples/flight-animation.js

@@ -5,7 +5,6 @@ import _ol_View_ from '../src/ol/View.js';
 import _ol_geom_LineString_ from '../src/ol/geom/LineString.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_Stamen_ from '../src/ol/source/Stamen.js';
 import _ol_source_Vector_ from '../src/ol/source/Vector.js';
 import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
@@ -94,7 +93,7 @@ flightsSource = new _ol_source_Vector_({
         var arcLine = arcGenerator.Arc(100, {offset: 10});
         if (arcLine.geometries.length === 1) {
           var line = new _ol_geom_LineString_(arcLine.geometries[0].coords);
-          line.transform(_ol_proj_.get('EPSG:4326'), _ol_proj_.get('EPSG:3857'));
+          line.transform('EPSG:4326', 'EPSG:3857');
 
           var feature = new _ol_Feature_({
             geometry: line,

examples/geolocation-orientation.js

@@ -5,12 +5,12 @@ import _ol_View_ from '../src/ol/View.js';
 import _ol_control_ from '../src/ol/control.js';
 import _ol_geom_LineString_ from '../src/ol/geom/LineString.js';
 import _ol_layer_Tile_ from '../src/ol/layer/Tile.js';
-import _ol_proj_ from '../src/ol/proj.js';
+import {fromLonLat} from '../src/ol/proj.js';
 import _ol_source_OSM_ from '../src/ol/source/OSM.js';
 
 // creating the view
 var view = new _ol_View_({
-  center: _ol_proj_.fromLonLat([5.8713, 45.6452]),
+  center: fromLonLat([5.8713, 45.6452]),
   zoom: 19
 });
 
@@ -214,9 +214,7 @@ function simulatePositionChange(position) {
   var coords = position.coords;
   geolocation.set('accuracy', coords.accuracy);
   geolocation.set('heading', degToRad(coords.heading));
-  var position_ = [coords.longitude, coords.latitude];
-  var projectedPosition = _ol_proj_.transform(position_, 'EPSG:4326',
-      'EPSG:3857');
+  var projectedPosition = fromLonLat([coords.longitude, coords.latitude]);
   geolocation.set('position', projectedPosition);
   geolocation.set('speed', coords.speed);
   geolocation.changed();

examples/graticule.js

@@ -2,7 +2,7 @@ import _ol_Graticule_ from '../src/ol/Graticule.js';
 import _ol_Map_ from '../src/ol/Map.js';
 import _ol_View_ from '../src/ol/View.js';
 import _ol_layer_Tile_ from '../src/ol/layer/Tile.js';
-import _ol_proj_ from '../src/ol/proj.js';
+import {fromLonLat} from '../src/ol/proj.js';
 import _ol_source_OSM_ from '../src/ol/source/OSM.js';
 import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
 
@@ -17,8 +17,7 @@ var map = new _ol_Map_({
   ],
   target: 'map',
   view: new _ol_View_({
-    center: _ol_proj_.fromLonLat([4.8, 47.75]),
-    extent: _ol_proj_.get('EPSG:3857').getExtent(),
+    center: fromLonLat([4.8, 47.75]),
     zoom: 5
   })
 });

examples/icon-color.js

@@ -4,7 +4,7 @@ import _ol_View_ from '../src/ol/View.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 {fromLonLat} from '../src/ol/proj.js';
 import _ol_source_TileJSON_ from '../src/ol/source/TileJSON.js';
 import _ol_source_Vector_ from '../src/ol/source/Vector.js';
 import _ol_style_Icon_ from '../src/ol/style/Icon.js';
@@ -12,15 +12,15 @@ import _ol_style_Style_ from '../src/ol/style/Style.js';
 
 
 var rome = new _ol_Feature_({
-  geometry: new _ol_geom_Point_(_ol_proj_.fromLonLat([12.5, 41.9]))
+  geometry: new _ol_geom_Point_(fromLonLat([12.5, 41.9]))
 });
 
 var london = new _ol_Feature_({
-  geometry: new _ol_geom_Point_(_ol_proj_.fromLonLat([-0.12755, 51.507222]))
+  geometry: new _ol_geom_Point_(fromLonLat([-0.12755, 51.507222]))
 });
 
 var madrid = new _ol_Feature_({
-  geometry: new _ol_geom_Point_(_ol_proj_.fromLonLat([-3.683333, 40.4]))
+  geometry: new _ol_geom_Point_(fromLonLat([-3.683333, 40.4]))
 });
 
 rome.setStyle(new _ol_style_Style_({
@@ -67,7 +67,7 @@ var map = new _ol_Map_({
   layers: [rasterLayer, vectorLayer],
   target: document.getElementById('map'),
   view: new _ol_View_({
-    center: _ol_proj_.fromLonLat([2.896372, 44.60240]),
+    center: fromLonLat([2.896372, 44.60240]),
     zoom: 3
   })
 });

examples/image-filter.js

@@ -1,7 +1,7 @@
 import _ol_Map_ from '../src/ol/Map.js';
 import _ol_View_ from '../src/ol/View.js';
 import _ol_layer_Tile_ from '../src/ol/layer/Tile.js';
-import _ol_proj_ from '../src/ol/proj.js';
+import {fromLonLat} from '../src/ol/proj.js';
 import _ol_source_BingMaps_ from '../src/ol/source/BingMaps.js';
 
 var key = 'As1HiMj1PvLPlqc_gtM7AqZfBL8ZL3VrjaS3zIb22Uvb9WKhuJObROC-qUpa81U5';
@@ -14,7 +14,7 @@ var map = new _ol_Map_({
   layers: [imagery],
   target: 'map',
   view: new _ol_View_({
-    center: _ol_proj_.fromLonLat([-120, 50]),
+    center: fromLonLat([-120, 50]),
     zoom: 6
   })
 });

examples/jsts.js

@@ -5,7 +5,7 @@ import _ol_View_ from '../src/ol/View.js';
 import _ol_format_GeoJSON_ from '../src/ol/format/GeoJSON.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 {fromLonLat} 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';
 
@@ -45,7 +45,7 @@ var map = new _ol_Map_({
   layers: [rasterLayer, vectorLayer],
   target: document.getElementById('map'),
   view: new _ol_View_({
-    center: _ol_proj_.fromLonLat([126.979293, 37.528787]),
+    center: fromLonLat([126.979293, 37.528787]),
     zoom: 15
   })
 });

examples/kml.js

@@ -3,12 +3,9 @@ import _ol_View_ from '../src/ol/View.js';
 import _ol_format_KML_ from '../src/ol/format/KML.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_BingMaps_ from '../src/ol/source/BingMaps.js';
 import _ol_source_Vector_ from '../src/ol/source/Vector.js';
 
-var projection = _ol_proj_.get('EPSG:3857');
-
 var raster = new _ol_layer_Tile_({
   source: new _ol_source_BingMaps_({
     imagerySet: 'Aerial',
@@ -28,7 +25,7 @@ var map = new _ol_Map_({
   target: document.getElementById('map'),
   view: new _ol_View_({
     center: [876970.8463461736, 5859807.853963373],
-    projection: projection,
+    projection: 'EPSG:3857',
     zoom: 10
   })
 });

examples/layer-extent.js

@@ -1,11 +1,11 @@
 import _ol_Map_ from '../src/ol/Map.js';
 import _ol_View_ from '../src/ol/View.js';
 import _ol_layer_Tile_ from '../src/ol/layer/Tile.js';
-import _ol_proj_ from '../src/ol/proj.js';
+import {transformExtent} from '../src/ol/proj.js';
 import _ol_source_TileJSON_ from '../src/ol/source/TileJSON.js';
 
 function transform(extent) {
-  return _ol_proj_.transformExtent(extent, 'EPSG:4326', 'EPSG:3857');
+  return transformExtent(extent, 'EPSG:4326', 'EPSG:3857');
 }
 
 var extents = {

examples/layer-group.js

@@ -2,7 +2,7 @@ import _ol_Map_ from '../src/ol/Map.js';
 import _ol_View_ from '../src/ol/View.js';
 import _ol_layer_Group_ from '../src/ol/layer/Group.js';
 import _ol_layer_Tile_ from '../src/ol/layer/Tile.js';
-import _ol_proj_ from '../src/ol/proj.js';
+import {fromLonLat} from '../src/ol/proj.js';
 import _ol_source_OSM_ from '../src/ol/source/OSM.js';
 import _ol_source_TileJSON_ from '../src/ol/source/TileJSON.js';
 
@@ -29,7 +29,7 @@ var map = new _ol_Map_({
   ],
   target: 'map',
   view: new _ol_View_({
-    center: _ol_proj_.fromLonLat([37.40570, 8.81566]),
+    center: fromLonLat([37.40570, 8.81566]),
     zoom: 4
   })
 });

examples/layer-spy.js

@@ -1,7 +1,7 @@
 import _ol_Map_ from '../src/ol/Map.js';
 import _ol_View_ from '../src/ol/View.js';
 import _ol_layer_Tile_ from '../src/ol/layer/Tile.js';
-import _ol_proj_ from '../src/ol/proj.js';
+import {fromLonLat} from '../src/ol/proj.js';
 import _ol_source_BingMaps_ from '../src/ol/source/BingMaps.js';
 
 var key = 'As1HiMj1PvLPlqc_gtM7AqZfBL8ZL3VrjaS3zIb22Uvb9WKhuJObROC-qUpa81U5';
@@ -20,7 +20,7 @@ var map = new _ol_Map_({
   layers: [roads, imagery],
   target: container,
   view: new _ol_View_({
-    center: _ol_proj_.fromLonLat([-109, 46.5]),
+    center: fromLonLat([-109, 46.5]),
     zoom: 6
   })
 });

examples/magnify.js

@@ -1,7 +1,7 @@
 import _ol_Map_ from '../src/ol/Map.js';
 import _ol_View_ from '../src/ol/View.js';
 import _ol_layer_Tile_ from '../src/ol/layer/Tile.js';
-import _ol_proj_ from '../src/ol/proj.js';
+import {fromLonLat} from '../src/ol/proj.js';
 import _ol_source_BingMaps_ from '../src/ol/source/BingMaps.js';
 
 var key = 'As1HiMj1PvLPlqc_gtM7AqZfBL8ZL3VrjaS3zIb22Uvb9WKhuJObROC-qUpa81U5';
@@ -16,7 +16,7 @@ var map = new _ol_Map_({
   layers: [imagery],
   target: container,
   view: new _ol_View_({
-    center: _ol_proj_.fromLonLat([-109, 46.5]),
+    center: fromLonLat([-109, 46.5]),
     zoom: 6
   })
 });

examples/mapbox-vector-tiles-advanced.js

@@ -2,7 +2,7 @@ import _ol_Map_ from '../src/ol/Map.js';
 import _ol_View_ from '../src/ol/View.js';
 import _ol_format_MVT_ from '../src/ol/format/MVT.js';
 import _ol_layer_VectorTile_ from '../src/ol/layer/VectorTile.js';
-import _ol_proj_ from '../src/ol/proj.js';
+import {get as getProjection} from '../src/ol/proj.js';
 import _ol_source_VectorTile_ from '../src/ol/source/VectorTile.js';
 import _ol_style_Fill_ from '../src/ol/style/Fill.js';
 import _ol_style_Icon_ from '../src/ol/style/Icon.js';
@@ -39,7 +39,7 @@ var map = new _ol_Map_({
           'OpenStreetMap contributors</a>',
         format: new _ol_format_MVT_(),
         tileGrid: new _ol_tilegrid_TileGrid_({
-          extent: _ol_proj_.get('EPSG:3857').getExtent(),
+          extent: getProjection('EPSG:3857').getExtent(),
           resolutions: resolutions,
           tileSize: 512
         }),

examples/moveend.js

@@ -3,7 +3,7 @@ import _ol_View_ from '../src/ol/View.js';
 import _ol_control_ from '../src/ol/control.js';
 import * as _ol_extent_ from '../src/ol/extent.js';
 import _ol_layer_Tile_ from '../src/ol/layer/Tile.js';
-import _ol_proj_ from '../src/ol/proj.js';
+import {toLonLat} from '../src/ol/proj.js';
 import _ol_source_OSM_ from '../src/ol/source/OSM.js';
 
 
@@ -37,10 +37,8 @@ function wrapLon(value) {
 function onMoveEnd(evt) {
   var map = evt.map;
   var extent = map.getView().calculateExtent(map.getSize());
-  var bottomLeft = _ol_proj_.transform(_ol_extent_.getBottomLeft(extent),
-      'EPSG:3857', 'EPSG:4326');
-  var topRight = _ol_proj_.transform(_ol_extent_.getTopRight(extent),
-      'EPSG:3857', 'EPSG:4326');
+  var bottomLeft = toLonLat(_ol_extent_.getBottomLeft(extent));
+  var topRight = toLonLat(_ol_extent_.getTopRight(extent));
   display('left', wrapLon(bottomLeft[0]));
   display('bottom', bottomLeft[1]);
   display('right', wrapLon(topRight[0]));

examples/osm-vector-tiles.js

@@ -2,7 +2,7 @@ import _ol_Map_ from '../src/ol/Map.js';
 import _ol_View_ from '../src/ol/View.js';
 import _ol_format_TopoJSON_ from '../src/ol/format/TopoJSON.js';
 import _ol_layer_VectorTile_ from '../src/ol/layer/VectorTile.js';
-import _ol_proj_ from '../src/ol/proj.js';
+import {fromLonLat} from '../src/ol/proj.js';
 import _ol_source_VectorTile_ from '../src/ol/source/VectorTile.js';
 import _ol_style_Fill_ from '../src/ol/style/Fill.js';
 import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
@@ -83,7 +83,7 @@ var map = new _ol_Map_({
   ],
   target: 'map',
   view: new _ol_View_({
-    center: _ol_proj_.fromLonLat([-74.0064, 40.7142]),
+    center: fromLonLat([-74.0064, 40.7142]),
     maxZoom: 19,
     zoom: 15
   })

examples/overlay.js

@@ -3,7 +3,7 @@ import _ol_Overlay_ from '../src/ol/Overlay.js';
 import _ol_View_ from '../src/ol/View.js';
 import _ol_coordinate_ from '../src/ol/coordinate.js';
 import _ol_layer_Tile_ from '../src/ol/layer/Tile.js';
-import _ol_proj_ from '../src/ol/proj.js';
+import {fromLonLat, toLonLat} from '../src/ol/proj.js';
 import _ol_source_OSM_ from '../src/ol/source/OSM.js';
 
 
@@ -20,7 +20,7 @@ var map = new _ol_Map_({
   })
 });
 
-var pos = _ol_proj_.fromLonLat([16.3725, 48.208889]);
+var pos = fromLonLat([16.3725, 48.208889]);
 
 // Vienna marker
 var marker = new _ol_Overlay_({
@@ -47,8 +47,7 @@ map.addOverlay(popup);
 map.on('click', function(evt) {
   var element = popup.getElement();
   var coordinate = evt.coordinate;
-  var hdms = _ol_coordinate_.toStringHDMS(_ol_proj_.transform(
-      coordinate, 'EPSG:3857', 'EPSG:4326'));
+  var hdms = _ol_coordinate_.toStringHDMS(toLonLat(coordinate));
 
   $(element).popover('destroy');
   popup.setPosition(coordinate);

examples/popup.js

@@ -3,7 +3,7 @@ import _ol_Overlay_ from '../src/ol/Overlay.js';
 import _ol_View_ from '../src/ol/View.js';
 import _ol_coordinate_ from '../src/ol/coordinate.js';
 import _ol_layer_Tile_ from '../src/ol/layer/Tile.js';
-import _ol_proj_ from '../src/ol/proj.js';
+import {toLonLat} from '../src/ol/proj.js';
 import _ol_source_TileJSON_ from '../src/ol/source/TileJSON.js';
 
 
@@ -64,8 +64,7 @@ var map = new _ol_Map_({
  */
 map.on('singleclick', function(evt) {
   var coordinate = evt.coordinate;
-  var hdms = _ol_coordinate_.toStringHDMS(_ol_proj_.transform(
-      coordinate, 'EPSG:3857', 'EPSG:4326'));
+  var hdms = _ol_coordinate_.toStringHDMS(toLonLat(coordinate));
 
   content.innerHTML = '<p>You clicked here:</p><code>' + hdms +
       '</code>';

examples/region-growing.js

@@ -3,7 +3,7 @@ import _ol_Map_ from '../src/ol/Map.js';
 import _ol_View_ from '../src/ol/View.js';
 import _ol_layer_Image_ from '../src/ol/layer/Image.js';
 import _ol_layer_Tile_ from '../src/ol/layer/Tile.js';
-import _ol_proj_ from '../src/ol/proj.js';
+import {fromLonLat} from '../src/ol/proj.js';
 import _ol_source_BingMaps_ from '../src/ol/source/BingMaps.js';
 import _ol_source_Raster_ from '../src/ol/source/Raster.js';
 
@@ -98,7 +98,7 @@ var map = new _ol_Map_({
   layers: [imagery, rasterImage],
   target: 'map',
   view: new _ol_View_({
-    center: _ol_proj_.fromLonLat([-119.07, 47.65]),
+    center: fromLonLat([-119.07, 47.65]),
     zoom: 11
   })
 });

examples/reprojection-by-code.js

@@ -2,7 +2,7 @@ import _ol_Map_ from '../src/ol/Map.js';
 import _ol_View_ from '../src/ol/View.js';
 import * as _ol_extent_ from '../src/ol/extent.js';
 import _ol_layer_Tile_ from '../src/ol/layer/Tile.js';
-import _ol_proj_ from '../src/ol/proj.js';
+import {get as getProjection, getTransform} from '../src/ol/proj.js';
 import _ol_source_OSM_ from '../src/ol/source/OSM.js';
 import _ol_source_TileImage_ from '../src/ol/source/TileImage.js';
 
@@ -42,8 +42,8 @@ function setProjection(code, name, proj4def, bbox) {
 
   var newProjCode = 'EPSG:' + code;
   proj4.defs(newProjCode, proj4def);
-  var newProj = _ol_proj_.get(newProjCode);
-  var fromLonLat = _ol_proj_.getTransform('EPSG:4326', newProj);
+  var newProj = getProjection(newProjCode);
+  var fromLonLat = getTransform('EPSG:4326', newProj);
 
   // very approximate calculation of projection extent
   var extent = _ol_extent_.applyTransform(

examples/reprojection-image.js

@@ -1,9 +1,9 @@
 import _ol_Map_ from '../src/ol/Map.js';
 import _ol_View_ from '../src/ol/View.js';
-import * as _ol_extent_ from '../src/ol/extent.js';
+import {getCenter} from '../src/ol/extent.js';
 import _ol_layer_Image_ from '../src/ol/layer/Image.js';
 import _ol_layer_Tile_ from '../src/ol/layer/Tile.js';
-import _ol_proj_ from '../src/ol/proj.js';
+import {transform} from '../src/ol/proj.js';
 import _ol_source_ImageStatic_ from '../src/ol/source/ImageStatic.js';
 import _ol_source_OSM_ from '../src/ol/source/OSM.js';
 
@@ -31,8 +31,7 @@ var map = new _ol_Map_({
   ],
   target: 'map',
   view: new _ol_View_({
-    center: _ol_proj_.transform(
-        _ol_extent_.getCenter(imageExtent), 'EPSG:27700', 'EPSG:3857'),
+    center: transform(getCenter(imageExtent), 'EPSG:27700', 'EPSG:3857'),
     zoom: 4
   })
 });

examples/reprojection.js

@@ -3,7 +3,7 @@ import _ol_View_ from '../src/ol/View.js';
 import * as _ol_extent_ from '../src/ol/extent.js';
 import _ol_format_WMTSCapabilities_ from '../src/ol/format/WMTSCapabilities.js';
 import _ol_layer_Tile_ from '../src/ol/layer/Tile.js';
-import _ol_proj_ from '../src/ol/proj.js';
+import {get as getProjection} from '../src/ol/proj.js';
 import _ol_source_OSM_ from '../src/ol/source/OSM.js';
 import _ol_source_TileImage_ from '../src/ol/source/TileImage.js';
 import _ol_source_TileWMS_ from '../src/ol/source/TileWMS.js';
@@ -16,39 +16,39 @@ proj4.defs('EPSG:27700', '+proj=tmerc +lat_0=49 +lon_0=-2 +k=0.9996012717 ' +
     '+x_0=400000 +y_0=-100000 +ellps=airy ' +
     '+towgs84=446.448,-125.157,542.06,0.15,0.247,0.842,-20.489 ' +
     '+units=m +no_defs');
-var proj27700 = _ol_proj_.get('EPSG:27700');
+var proj27700 = getProjection('EPSG:27700');
 proj27700.setExtent([0, 0, 700000, 1300000]);
 
 proj4.defs('EPSG:23032', '+proj=utm +zone=32 +ellps=intl ' +
     '+towgs84=-87,-98,-121,0,0,0,0 +units=m +no_defs');
-var proj23032 = _ol_proj_.get('EPSG:23032');
+var proj23032 = getProjection('EPSG:23032');
 proj23032.setExtent([-1206118.71, 4021309.92, 1295389.00, 8051813.28]);
 
 proj4.defs('EPSG:5479', '+proj=lcc +lat_1=-76.66666666666667 +lat_2=' +
     '-79.33333333333333 +lat_0=-78 +lon_0=163 +x_0=7000000 +y_0=5000000 ' +
     '+ellps=GRS80 +towgs84=0,0,0,0,0,0,0 +units=m +no_defs');
-var proj5479 = _ol_proj_.get('EPSG:5479');
+var proj5479 = getProjection('EPSG:5479');
 proj5479.setExtent([6825737.53, 4189159.80, 9633741.96, 5782472.71]);
 
 proj4.defs('EPSG:21781', '+proj=somerc +lat_0=46.95240555555556 ' +
     '+lon_0=7.439583333333333 +k_0=1 +x_0=600000 +y_0=200000 +ellps=bessel ' +
     '+towgs84=674.4,15.1,405.3,0,0,0,0 +units=m +no_defs');
-var proj21781 = _ol_proj_.get('EPSG:21781');
+var proj21781 = getProjection('EPSG:21781');
 proj21781.setExtent([485071.54, 75346.36, 828515.78, 299941.84]);
 
 proj4.defs('EPSG:3413', '+proj=stere +lat_0=90 +lat_ts=70 +lon_0=-45 +k=1 ' +
     '+x_0=0 +y_0=0 +datum=WGS84 +units=m +no_defs');
-var proj3413 = _ol_proj_.get('EPSG:3413');
+var proj3413 = getProjection('EPSG:3413');
 proj3413.setExtent([-4194304, -4194304, 4194304, 4194304]);
 
 proj4.defs('EPSG:2163', '+proj=laea +lat_0=45 +lon_0=-100 +x_0=0 +y_0=0 ' +
     '+a=6370997 +b=6370997 +units=m +no_defs');
-var proj2163 = _ol_proj_.get('EPSG:2163');
+var proj2163 = getProjection('EPSG:2163');
 proj2163.setExtent([-8040784.5135, -2577524.9210, 3668901.4484, 4785105.1096]);
 
 proj4.defs('ESRI:54009', '+proj=moll +lon_0=0 +x_0=0 +y_0=0 +datum=WGS84 ' +
     '+units=m +no_defs');
-var proj54009 = _ol_proj_.get('ESRI:54009');
+var proj54009 = getProjection('ESRI:54009');
 proj54009.setExtent([-18e6, -9e6, 18e6, 9e6]);
 
 
@@ -124,7 +124,7 @@ layers['grandcanyon'] = new _ol_layer_Tile_({
 });
 
 var startResolution =
-    _ol_extent_.getWidth(_ol_proj_.get('EPSG:3857').getExtent()) / 256;
+    _ol_extent_.getWidth(getProjection('EPSG:3857').getExtent()) / 256;
 var resolutions = new Array(22);
 for (var i = 0, ii = resolutions.length; i < ii; ++i) {
   resolutions[i] = startResolution / Math.pow(2, i);
@@ -167,7 +167,7 @@ var renderEdgesCheckbox = document.getElementById('render-edges');
 var renderEdges = false;
 
 function updateViewProjection() {
-  var newProj = _ol_proj_.get(viewProjSelect.value);
+  var newProj = getProjection(viewProjSelect.value);
   var newProjExtent = newProj.getExtent();
   var newView = new _ol_View_({
     projection: newProj,
@@ -178,7 +178,7 @@ function updateViewProjection() {
   map.setView(newView);
 
   // Example how to prevent double occurrence of map by limiting layer extent
-  if (newProj == _ol_proj_.get('EPSG:3857')) {
+  if (newProj == getProjection('EPSG:3857')) {
     layers['bng'].setExtent([-1057216, 6405988, 404315, 8759696]);
   } else {
     layers['bng'].setExtent(undefined);

examples/scaleline-indiana-east.js

@@ -2,7 +2,7 @@ import _ol_Map_ from '../src/ol/Map.js';
 import _ol_View_ from '../src/ol/View.js';
 import _ol_control_ScaleLine_ from '../src/ol/control/ScaleLine.js';
 import _ol_layer_Tile_ from '../src/ol/layer/Tile.js';
-import _ol_proj_ from '../src/ol/proj.js';
+import {fromLonLat, transformExtent} from '../src/ol/proj.js';
 import _ol_source_OSM_ from '../src/ol/source/OSM.js';
 
 proj4.defs('Indiana-East', 'PROJCS["IN83-EF",GEOGCS["LL83",DATUM["NAD83",' +
@@ -24,9 +24,9 @@ var map = new _ol_Map_({
   target: 'map',
   view: new _ol_View_({
     projection: 'Indiana-East',
-    center: _ol_proj_.fromLonLat([-85.685, 39.891], 'Indiana-East'),
+    center: fromLonLat([-85.685, 39.891], 'Indiana-East'),
     zoom: 7,
-    extent: _ol_proj_.transformExtent([-172.54, 23.81, -47.74, 86.46],
+    extent: transformExtent([-172.54, 23.81, -47.74, 86.46],
         'EPSG:4326', 'Indiana-East'),
     minZoom: 6
   })

examples/sea-level.js

@@ -3,7 +3,7 @@ import _ol_Map_ from '../src/ol/Map.js';
 import _ol_View_ from '../src/ol/View.js';
 import _ol_layer_Image_ from '../src/ol/layer/Image.js';
 import _ol_layer_Tile_ from '../src/ol/layer/Tile.js';
-import _ol_proj_ from '../src/ol/proj.js';
+import {fromLonLat} from '../src/ol/proj.js';
 import _ol_source_Raster_ from '../src/ol/source/Raster.js';
 import _ol_source_XYZ_ from '../src/ol/source/XYZ.js';
 
@@ -49,7 +49,7 @@ var map = new _ol_Map_({
     })
   ],
   view: new _ol_View_({
-    center: _ol_proj_.fromLonLat([-122.3267, 37.8377]),
+    center: fromLonLat([-122.3267, 37.8377]),
     zoom: 11
   })
 });
@@ -74,6 +74,6 @@ for (var i = 0, ii = locations.length; i < ii; ++i) {
 function relocate(event) {
   var data = event.target.dataset;
   var view = map.getView();
-  view.setCenter(_ol_proj_.fromLonLat(data.center.split(',').map(Number)));
+  view.setCenter(fromLonLat(data.center.split(',').map(Number)));
   view.setZoom(Number(data.zoom));
 }

examples/semi-transparent-layer.js

@@ -1,7 +1,7 @@
 import _ol_Map_ from '../src/ol/Map.js';
 import _ol_View_ from '../src/ol/View.js';
 import _ol_layer_Tile_ from '../src/ol/layer/Tile.js';
-import _ol_proj_ from '../src/ol/proj.js';
+import {fromLonLat} from '../src/ol/proj.js';
 import _ol_source_OSM_ from '../src/ol/source/OSM.js';
 import _ol_source_TileJSON_ from '../src/ol/source/TileJSON.js';
 
@@ -20,7 +20,7 @@ var map = new _ol_Map_({
   ],
   target: 'map',
   view: new _ol_View_({
-    center: _ol_proj_.fromLonLat([-77.93255, 37.9555]),
+    center: fromLonLat([-77.93255, 37.9555]),
     zoom: 7
   })
 });

examples/stamen.js

@@ -1,7 +1,7 @@
 import _ol_Map_ from '../src/ol/Map.js';
 import _ol_View_ from '../src/ol/View.js';
 import _ol_layer_Tile_ from '../src/ol/layer/Tile.js';
-import _ol_proj_ from '../src/ol/proj.js';
+import {fromLonLat} from '../src/ol/proj.js';
 import _ol_source_Stamen_ from '../src/ol/source/Stamen.js';
 
 
@@ -20,8 +20,7 @@ var map = new _ol_Map_({
   ],
   target: 'map',
   view: new _ol_View_({
-    center: _ol_proj_.transform(
-        [-122.416667, 37.783333], 'EPSG:4326', 'EPSG:3857'),
+    center: fromLonLat([-122.416667, 37.783333]),
     zoom: 12
   })
 });

examples/turf.js

@@ -5,7 +5,7 @@ import _ol_View_ from '../src/ol/View.js';
 import _ol_format_GeoJSON_ from '../src/ol/format/GeoJSON.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 {fromLonLat} 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';
 
@@ -50,7 +50,7 @@ var map = new _ol_Map_({
   layers: [rasterLayer, vectorLayer],
   target: document.getElementById('map'),
   view: new _ol_View_({
-    center: _ol_proj_.fromLonLat([126.980366, 37.526540]),
+    center: fromLonLat([126.980366, 37.526540]),
     zoom: 15
   })
 });

examples/vector-esri-edit.js

@@ -8,7 +8,7 @@ import _ol_interaction_Select_ from '../src/ol/interaction/Select.js';
 import _ol_layer_Tile_ from '../src/ol/layer/Tile.js';
 import _ol_layer_Vector_ from '../src/ol/layer/Vector.js';
 import _ol_loadingstrategy_ from '../src/ol/loadingstrategy.js';
-import _ol_proj_ from '../src/ol/proj.js';
+import {fromLonLat} from '../src/ol/proj.js';
 import _ol_source_Vector_ from '../src/ol/source/Vector.js';
 import _ol_source_XYZ_ from '../src/ol/source/XYZ.js';
 import _ol_tilegrid_ from '../src/ol/tilegrid.js';
@@ -81,7 +81,7 @@ var map = new _ol_Map_({
   layers: [raster, vector],
   target: document.getElementById('map'),
   view: new _ol_View_({
-    center: _ol_proj_.transform([-122.619, 45.512], 'EPSG:4326', 'EPSG:3857'),
+    center: fromLonLat([-122.619, 45.512]),
     zoom: 12
   })
 });

examples/vector-esri.js

@@ -4,7 +4,7 @@ import _ol_format_EsriJSON_ from '../src/ol/format/EsriJSON.js';
 import _ol_layer_Tile_ from '../src/ol/layer/Tile.js';
 import _ol_layer_Vector_ from '../src/ol/layer/Vector.js';
 import _ol_loadingstrategy_ from '../src/ol/loadingstrategy.js';
-import _ol_proj_ from '../src/ol/proj.js';
+import {fromLonLat} from '../src/ol/proj.js';
 import _ol_source_Vector_ from '../src/ol/source/Vector.js';
 import _ol_source_XYZ_ from '../src/ol/source/XYZ.js';
 import _ol_style_Fill_ from '../src/ol/style/Fill.js';
@@ -108,7 +108,7 @@ var map = new _ol_Map_({
   layers: [raster, vector],
   target: document.getElementById('map'),
   view: new _ol_View_({
-    center: _ol_proj_.transform([-97.6114, 38.8403], 'EPSG:4326', 'EPSG:3857'),
+    center: fromLonLat([-97.6114, 38.8403]),
     zoom: 7
   })
 });

examples/vector-osm.js

@@ -5,7 +5,7 @@ import _ol_format_OSMXML_ from '../src/ol/format/OSMXML.js';
 import _ol_layer_Tile_ from '../src/ol/layer/Tile.js';
 import _ol_layer_Vector_ from '../src/ol/layer/Vector.js';
 import _ol_loadingstrategy_ from '../src/ol/loadingstrategy.js';
-import _ol_proj_ from '../src/ol/proj.js';
+import {transformExtent} from '../src/ol/proj.js';
 import _ol_source_BingMaps_ from '../src/ol/source/BingMaps.js';
 import _ol_source_Vector_ from '../src/ol/source/Vector.js';
 import _ol_style_Circle_ from '../src/ol/style/Circle.js';
@@ -80,8 +80,7 @@ var styles = {
 var vectorSource = new _ol_source_Vector_({
   format: new _ol_format_OSMXML_(),
   loader: function(extent, resolution, projection) {
-    var epsg4326Extent =
-        _ol_proj_.transformExtent(extent, projection, 'EPSG:4326');
+    var epsg4326Extent = transformExtent(extent, projection, 'EPSG:4326');
     var client = new XMLHttpRequest();
     client.open('POST', 'https://overpass-api.de/api/interpreter');
     client.addEventListener('load', function() {

examples/wms-custom-proj.js

@@ -3,7 +3,7 @@ import _ol_View_ from '../src/ol/View.js';
 import _ol_control_ from '../src/ol/control.js';
 import _ol_control_ScaleLine_ from '../src/ol/control/ScaleLine.js';
 import _ol_layer_Tile_ from '../src/ol/layer/Tile.js';
-import _ol_proj_ from '../src/ol/proj.js';
+import {addProjection, addCoordinateTransforms, transform} from '../src/ol/proj.js';
 import _ol_proj_Projection_ from '../src/ol/proj/Projection.js';
 import _ol_source_TileWMS_ from '../src/ol/source/TileWMS.js';
 
@@ -20,13 +20,13 @@ var projection = new _ol_proj_Projection_({
   extent: [485869.5728, 76443.1884, 837076.5648, 299941.7864],
   units: 'm'
 });
-_ol_proj_.addProjection(projection);
+addProjection(projection);
 
 // We also declare EPSG:21781/EPSG:4326 transform functions. These functions
 // are necessary for the ScaleLine control and when calling ol.proj.transform
 // for setting the view's initial center (see below).
 
-_ol_proj_.addCoordinateTransforms('EPSG:4326', projection,
+addCoordinateTransforms('EPSG:4326', projection,
     function(coordinate) {
       return [
         WGStoCHy(coordinate[1], coordinate[0]),
@@ -79,7 +79,7 @@ var map = new _ol_Map_({
   target: 'map',
   view: new _ol_View_({
     projection: projection,
-    center: _ol_proj_.transform([8.23, 46.86], 'EPSG:4326', 'EPSG:21781'),
+    center: transform([8.23, 46.86], 'EPSG:4326', 'EPSG:21781'),
     extent: extent,
     zoom: 2
   })

examples/wms-custom-tilegrid-512x256.js

@@ -2,13 +2,13 @@ import _ol_Map_ from '../src/ol/Map.js';
 import _ol_View_ from '../src/ol/View.js';
 import * as _ol_extent_ from '../src/ol/extent.js';
 import _ol_layer_Tile_ from '../src/ol/layer/Tile.js';
-import _ol_proj_ from '../src/ol/proj.js';
+import {get as getProjection} from '../src/ol/proj.js';
 import _ol_source_OSM_ from '../src/ol/source/OSM.js';
 import _ol_source_TileWMS_ from '../src/ol/source/TileWMS.js';
 import _ol_tilegrid_TileGrid_ from '../src/ol/tilegrid/TileGrid.js';
 
 
-var projExtent = _ol_proj_.get('EPSG:3857').getExtent();
+var projExtent = getProjection('EPSG:3857').getExtent();
 var startResolution = _ol_extent_.getWidth(projExtent) / 256;
 var resolutions = new Array(22);
 for (var i = 0, ii = resolutions.length; i < ii; ++i) {

examples/wms-image-custom-proj.js

@@ -3,7 +3,7 @@ import _ol_View_ from '../src/ol/View.js';
 import _ol_control_ from '../src/ol/control.js';
 import _ol_control_ScaleLine_ from '../src/ol/control/ScaleLine.js';
 import _ol_layer_Image_ from '../src/ol/layer/Image.js';
-import _ol_proj_ from '../src/ol/proj.js';
+import {fromLonLat} from '../src/ol/proj.js';
 import _ol_proj_Projection_ from '../src/ol/proj/Projection.js';
 import _ol_source_ImageWMS_ from '../src/ol/source/ImageWMS.js';
 
@@ -65,7 +65,7 @@ var map = new _ol_Map_({
   target: 'map',
   view: new _ol_View_({
     projection: projection,
-    center: _ol_proj_.fromLonLat([8.23, 46.86], projection),
+    center: fromLonLat([8.23, 46.86], projection),
     extent: extent,
     zoom: 2
   })

examples/wms-time.js

@@ -2,7 +2,7 @@ import _ol_Map_ from '../src/ol/Map.js';
 import _ol_View_ from '../src/ol/View.js';
 import * as _ol_extent_ from '../src/ol/extent.js';
 import _ol_layer_Tile_ from '../src/ol/layer/Tile.js';
-import _ol_proj_ from '../src/ol/proj.js';
+import {transformExtent} from '../src/ol/proj.js';
 import _ol_source_Stamen_ from '../src/ol/source/Stamen.js';
 import _ol_source_TileWMS_ from '../src/ol/source/TileWMS.js';
 
@@ -10,7 +10,7 @@ function threeHoursAgo() {
   return new Date(Math.round(Date.now() / 3600000) * 3600000 - 3600000 * 3);
 }
 
-var extent = _ol_proj_.transformExtent([-126, 24, -66, 50], 'EPSG:4326', 'EPSG:3857');
+var extent = transformExtent([-126, 24, -66, 50], 'EPSG:4326', 'EPSG:3857');
 var startDate = threeHoursAgo();
 var frameRate = 0.5; // frames per second
 var animationId = null;

examples/wmts-dimensions.js

@@ -2,14 +2,14 @@ import _ol_Map_ from '../src/ol/Map.js';
 import _ol_View_ from '../src/ol/View.js';
 import * as _ol_extent_ from '../src/ol/extent.js';
 import _ol_layer_Tile_ from '../src/ol/layer/Tile.js';
-import _ol_proj_ from '../src/ol/proj.js';
+import {get as getProjection} from '../src/ol/proj.js';
 import _ol_source_OSM_ from '../src/ol/source/OSM.js';
 import _ol_source_WMTS_ from '../src/ol/source/WMTS.js';
 import _ol_tilegrid_WMTS_ from '../src/ol/tilegrid/WMTS.js';
 
 
 // create the WMTS tile grid in the google projection
-var projection = _ol_proj_.get('EPSG:3857');
+var projection = getProjection('EPSG:3857');
 var tileSizePixels = 256;
 var tileSizeMtrs = _ol_extent_.getWidth(projection.getExtent()) / tileSizePixels;
 var matrixIds = [];

examples/wmts-ign.js

@@ -3,7 +3,7 @@ import _ol_View_ from '../src/ol/View.js';
 import _ol_control_ from '../src/ol/control.js';
 import * as _ol_extent_ from '../src/ol/extent.js';
 import _ol_layer_Tile_ from '../src/ol/layer/Tile.js';
-import _ol_proj_ from '../src/ol/proj.js';
+import {fromLonLat, get as getProjection} from '../src/ol/proj.js';
 import _ol_source_WMTS_ from '../src/ol/source/WMTS.js';
 import _ol_tilegrid_WMTS_ from '../src/ol/tilegrid/WMTS.js';
 
@@ -17,13 +17,13 @@ var map = new _ol_Map_({
   }),
   view: new _ol_View_({
     zoom: 5,
-    center: _ol_proj_.transform([5, 45], 'EPSG:4326', 'EPSG:3857')
+    center: fromLonLat([5, 45])
   })
 });
 
 var resolutions = [];
 var matrixIds = [];
-var proj3857 = _ol_proj_.get('EPSG:3857');
+var proj3857 = getProjection('EPSG:3857');
 var maxResolution = _ol_extent_.getWidth(proj3857.getExtent()) / 256;
 
 for (var i = 0; i < 18; i++) {

examples/wmts.js

@@ -3,13 +3,13 @@ import _ol_View_ from '../src/ol/View.js';
 import _ol_control_ from '../src/ol/control.js';
 import * as _ol_extent_ from '../src/ol/extent.js';
 import _ol_layer_Tile_ from '../src/ol/layer/Tile.js';
-import _ol_proj_ from '../src/ol/proj.js';
+import {get as getProjection} from '../src/ol/proj.js';
 import _ol_source_OSM_ from '../src/ol/source/OSM.js';
 import _ol_source_WMTS_ from '../src/ol/source/WMTS.js';
 import _ol_tilegrid_WMTS_ from '../src/ol/tilegrid/WMTS.js';
 
 
-var projection = _ol_proj_.get('EPSG:3857');
+var projection = getProjection('EPSG:3857');
 var projectionExtent = projection.getExtent();
 var size = _ol_extent_.getWidth(projectionExtent) / 256;
 var resolutions = new Array(14);

examples/xyz-esri-4326-512.js

@@ -1,11 +1,8 @@
 import _ol_Map_ from '../src/ol/Map.js';
 import _ol_View_ from '../src/ol/View.js';
 import _ol_layer_Tile_ from '../src/ol/layer/Tile.js';
-import _ol_proj_ from '../src/ol/proj.js';
 import _ol_source_XYZ_ from '../src/ol/source/XYZ.js';
 
-var projection = _ol_proj_.get('EPSG:4326');
-
 // The tile size supported by the ArcGIS tile service.
 var tileSize = 512;
 
@@ -19,7 +16,7 @@ var map = new _ol_Map_({
       source: new _ol_source_XYZ_({
         attributions: 'Copyright:© 2013 ESRI, i-cubed, GeoEye',
         maxZoom: 16,
-        projection: projection,
+        projection: 'EPSG:4326',
         tileSize: tileSize,
         tileUrlFunction: function(tileCoord) {
           return urlTemplate.replace('{z}', (tileCoord[0] - 1).toString())
@@ -32,7 +29,7 @@ var map = new _ol_Map_({
   ],
   view: new _ol_View_({
     center: [0, 0],
-    projection: projection,
+    projection: 'EPSG:4326',
     zoom: 2,
     minZoom: 2
   })

examples/xyz-esri.js

@@ -1,7 +1,7 @@
 import _ol_Map_ from '../src/ol/Map.js';
 import _ol_View_ from '../src/ol/View.js';
 import _ol_layer_Tile_ from '../src/ol/layer/Tile.js';
-import _ol_proj_ from '../src/ol/proj.js';
+import {fromLonLat} from '../src/ol/proj.js';
 import _ol_source_XYZ_ from '../src/ol/source/XYZ.js';
 
 
@@ -18,7 +18,7 @@ var map = new _ol_Map_({
     })
   ],
   view: new _ol_View_({
-    center: _ol_proj_.fromLonLat([-121.1, 47.5]),
+    center: fromLonLat([-121.1, 47.5]),
     zoom: 7
   })
 });

examples/xyz-retina.js

@@ -1,7 +1,7 @@
 import _ol_Map_ from '../src/ol/Map.js';
 import _ol_View_ from '../src/ol/View.js';
 import _ol_layer_Tile_ from '../src/ol/layer/Tile.js';
-import _ol_proj_ from '../src/ol/proj.js';
+import {transform, transformExtent} from '../src/ol/proj.js';
 import _ol_source_OSM_ from '../src/ol/source/OSM.js';
 import _ol_source_XYZ_ from '../src/ol/source/XYZ.js';
 
@@ -16,7 +16,7 @@ var map = new _ol_Map_({
       source: new _ol_source_OSM_()
     }),
     new _ol_layer_Tile_({
-      extent: _ol_proj_.transformExtent(mapExtent, 'EPSG:4326', 'EPSG:3857'),
+      extent: transformExtent(mapExtent, 'EPSG:4326', 'EPSG:3857'),
       source: new _ol_source_XYZ_({
         attributions: 'Tiles © USGS, rendered with ' +
             '<a href="http://www.maptiler.com/">MapTiler</a>',
@@ -29,7 +29,7 @@ var map = new _ol_Map_({
   ],
   view: new _ol_View_({
     projection: 'EPSG:3857',
-    center: _ol_proj_.transform([-112.18688965, 36.057944835],
+    center: transform([-112.18688965, 36.057944835],
         'EPSG:4326', 'EPSG:3857'),
     zoom: 12
   })