ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Use bootstrap 4.5.0 in all examples

Browse Source
This commit is contained in:
Maximilian Krög
2020-07-27 20:15:55 +02:00
parent cad5057a96
commit 594ba4a0ab
8 changed files with 21 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
examples/geographic.html
View File

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

2
examples/geographic.js
View File

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

8
examples/icon-scale.html
View File

@@ -3,14 +3,14 @@ layout: example.html
title: Icon Scale title: Icon Scale
shortdesc: Example of scaling icons and labels. shortdesc: Example of scaling icons and labels.
docs: > docs: >
Icons and labels can be scaled in both dimensions if required. A negative value will flip the image Icons and labels can be scaled in both dimensions if required. A negative value will flip the image
or text around its anchor point (reversed text is <b>not</b> suitable for line placement). A newline or text around its anchor point (reversed text is <b>not</b> suitable for line placement). A newline
character inserted in label text is interpreted in a <b>vector layer</b>, but will not be shown in character inserted in label text is interpreted in a <b>vector layer</b>, but will not be shown in
a <b>vector context</b>. a <b>vector context</b>.
tags: "vector, style, icon, label, scale" tags: "vector, style, icon, label, scale"
resources: resources:
- https://code.jquery.com/jquery-2.2.3.min.js - https://code.jquery.com/jquery-3.5.1.min.js
- https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css - https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css
- https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js - 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="map" class="map"><div id="popup"></div></div>

4
examples/icon-scale.js
View File

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

6
examples/icon.html
View File

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

4
examples/icon.js
View File

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

6
examples/kml-earthquakes.html
View File

@@ -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. 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" tags: "KML, vector, style, tooltip"
resources: resources:
- https://code.jquery.com/jquery-2.2.3.min.js - https://code.jquery.com/jquery-3.5.1.min.js
- https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css - https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css
- https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js - https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.bundle.min.js
--- ---
<div id="map" class="map"><div id="info"></div></div> <div id="map" class="map"><div id="info"></div></div>

6
examples/kml-timezones.html
View File

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