Use bootstrap 4.5.0 in all examples

examples/geographic.html

@@ -9,9 +9,9 @@ docs: >
 tags: "geographic"
 experimental: true
 resources:
-  - https://code.jquery.com/jquery-2.2.3.min.js
-  - https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css
-  - https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js
+  - https://code.jquery.com/jquery-3.5.1.min.js
+  - https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css
+  - https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.bundle.min.js
 ---
 <div id="map" class="map"><div id="popup"></div></div>
 <div id="info"></div>

examples/geographic.js

@@ -74,7 +74,7 @@ map.on('click', function (event) {
     });
     $(element).popover('show');
   } else {
-    $(element).popover('destroy');
+    $(element).popover('dispose');
   }
 });
 

examples/icon-scale.html

@@ -9,8 +9,8 @@ docs: >
   a <b>vector context</b>.
 tags: "vector, style, icon, label, scale"
 resources:
-  - https://code.jquery.com/jquery-2.2.3.min.js
-  - https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css
-  - https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js
+  - https://code.jquery.com/jquery-3.5.1.min.js
+  - https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css
+  - https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.bundle.min.js
 ---
 <div id="map" class="map"><div id="popup"></div></div>

examples/icon-scale.js

@@ -107,7 +107,7 @@ map.on('click', function (evt) {
   const feature = map.forEachFeatureAtPixel(evt.pixel, function (feature) {
     return feature;
   });
-  $(element).popover('destroy');
+  $(element).popover('dispose');
   if (feature) {
     const coordinates = feature.getGeometry().getCoordinates();
     popup.setPosition(coordinates);
@@ -124,7 +124,7 @@ map.on('click', function (evt) {
 // change mouse cursor when over marker
 map.on('pointermove', function (e) {
   if (e.dragging) {
-    $(element).popover('destroy');
+    $(element).popover('dispose');
     return;
   }
   const pixel = map.getEventPixel(e.originalEvent);

examples/icon.html

@@ -6,8 +6,8 @@ docs: >
   Example using an icon to symbolize a point.
 tags: "vector, style, icon, marker, popup"
 resources:
-  - https://code.jquery.com/jquery-2.2.3.min.js
-  - https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css
-  - https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js
+  - https://code.jquery.com/jquery-3.5.1.min.js
+  - https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css
+  - https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.bundle.min.js
 ---
 <div id="map" class="map"><div id="popup"></div></div>

examples/icon.js

@@ -75,14 +75,14 @@ map.on('click', function (evt) {
     });
     $(element).popover('show');
   } else {
-    $(element).popover('destroy');
+    $(element).popover('dispose');
   }
 });
 
 // change mouse cursor when over marker
 map.on('pointermove', function (e) {
   if (e.dragging) {
-    $(element).popover('destroy');
+    $(element).popover('dispose');
     return;
   }
   const pixel = map.getEventPixel(e.originalEvent);

examples/kml-earthquakes.html

@@ -6,8 +6,8 @@ docs: >
   This example parses a KML file and renders the features as a vector layer.  The layer is given a <code>style</code> that renders earthquake locations with a size relative to their magnitude.
 tags: "KML, vector, style, tooltip"
 resources:
-  - https://code.jquery.com/jquery-2.2.3.min.js
-  - https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css
-  - https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js
+  - https://code.jquery.com/jquery-3.5.1.min.js
+  - https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css
+  - https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.bundle.min.js
 ---
 <div id="map" class="map"><div id="info"></div></div>

examples/kml-timezones.html

@@ -7,8 +7,8 @@ docs: >
   yellow with an opacity calculated based on the current offset to local noon.
 tags: "KML, vector, style"
 resources:
-  - https://code.jquery.com/jquery-2.2.3.min.js
-  - https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css
-  - https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js
+  - https://code.jquery.com/jquery-3.5.1.min.js
+  - https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css
+  - https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.bundle.min.js
 ---
 <div id="map" class="map"><div id="info"></div></div>