Fix ol3 to ol5 breaking changes.

src/js/item.js

@@ -432,7 +432,7 @@ const olexp = {
       // --------------------------------------------------
       const extent = this.getExtent();
       if (extent !== null) {
-        view.fit(extent, map.getSize());
+        view.fit(extent);
         return;
       }
 

src/js/measure.js

@@ -195,12 +195,6 @@ const olexp = {
      */
     this.source = null;
 
-    /**
-     * WGS84 ellipsoid on which to perform measurements
-     * @type {ol.Sphere}
-     */
-    this.sphere = new ol.Sphere(6378137);
-
     /**
      * Measurement tool type
      * @type {olexp.measure.Type}
@@ -303,7 +297,7 @@ const olexp = {
       const projection = this.map.getView().getProjection();
       const geometry = polygon.clone().transform(projection, 'EPSG:4326');
       const coordinates = geometry.getLinearRing(0).getCoordinates();
-      area = Math.abs(this.sphere.geodesicArea(coordinates));
+      area = Math.abs(ol.sphere.getArea(coordinates));
     } else {
       area = polygon.getArea();
     }
@@ -337,7 +331,7 @@ const olexp = {
       for (i = 0; i < numCoordinates - 1; i += 1) {
         c1 = ol.proj.transform(coordinates[i], projection, 'EPSG:4326');
         c2 = ol.proj.transform(coordinates[i + 1], projection, 'EPSG:4326');
-        length += this.sphere.haversineDistance(c1, c2);
+        length += ol.sphere.getDistance(c1, c2);
       }
     } else {
       length = Math.round(line.getLength() * 100) / 100;

test/index.html

@@ -4,7 +4,7 @@
     <title>OpenLayers Explorer Test</title>
     <meta charset="utf-8" />
     <link
-      href="https://cdnjs.cloudflare.com/ajax/libs/ol3/3.14.2/ol.min.css"
+      href="https://cdn.rawgit.com/openlayers/openlayers.github.io/master/en/v5.3.0/css/ol.css"
       rel="stylesheet"
       type="text/css"
     />
@@ -20,7 +20,9 @@
     <div id="explorer"></div>
     <div id="overlay"></div>
     <script src="https://unpkg.com/[email protected]/dist/jquery.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/ol3/3.14.2/ol.js"></script>
+    <script
+      src="https://cdn.rawgit.com/openlayers/openlayers.github.io/master/en/v5.3.0/build/ol.js">
+    </script>
     <script src="https://unpkg.com/[email protected]/w2ui.min.js"></script>
     <script src="../dist/olexp.js"></script>
     <script src="index.js"></script>