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

Merge pull request #11345 from MoonE/examples-fix-geographic

Browse Source 
Fix the popup in the geographic example
This commit is contained in:
Andreas Hocevar
2020-07-28 21:01:48 +02:00
committed by GitHub
parent 71a4995017 85e4a62553
commit 47d291b504
2 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/geographic.html
+3 -1
View File
@@ -13,6 +13,8 @@ resources:
- https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css - 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 - 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>
examples/geographic.js
+3 -1
View File
@@ -68,9 +68,11 @@ map.on('click', function (event) {
const coordinate = feature.getGeometry().getCoordinates(); const coordinate = feature.getGeometry().getCoordinates();
popup.setPosition(coordinate); popup.setPosition(coordinate);
$(element).popover({ $(element).popover({
placement: 'top', container: element.parentElement,
html: true, html: true,
sanitize: false,
content: formatCoordinate(coordinate), content: formatCoordinate(coordinate),
placement: 'top',
}); });
$(element).popover('show'); $(element).popover('show');
} else { } else {