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

Remove tooltip when mouse leaves map or is over control is examples

Browse Source
This commit is contained in:
Maximilian Krög
2022-08-21 11:51:06 +02:00
parent 62914bb3df
commit a10c93d331
2 changed files with 26 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
examples/kml-earthquakes.js
View File

@@ -69,10 +69,12 @@ const tooltip = new bootstrap.Tooltip(info, {
}); });
let currentFeature; let currentFeature;
const displayFeatureInfo = function (pixel) { const displayFeatureInfo = function (pixel, target) {
const feature = map.forEachFeatureAtPixel(pixel, function (feature) { const feature = target.closest('.ol-control')
return feature; ? undefined
}); : map.forEachFeatureAtPixel(pixel, function (feature) {
return feature;
});
if (feature) { if (feature) {
info.style.left = pixel[0] + 'px'; info.style.left = pixel[0] + 'px';
info.style.top = pixel[1] + 'px'; info.style.top = pixel[1] + 'px';
@@ -97,9 +99,14 @@ map.on('pointermove', function (evt) {
return; return;
} }
const pixel = map.getEventPixel(evt.originalEvent); const pixel = map.getEventPixel(evt.originalEvent);
displayFeatureInfo(pixel); displayFeatureInfo(pixel, evt.originalEvent.target);
}); });
map.on('click', function (evt) { map.on('click', function (evt) {
displayFeatureInfo(evt.pixel); displayFeatureInfo(evt.pixel, evt.originalEvent.target);
});
map.getTargetElement().addEventListener('pointerleave', function () {
tooltip.hide();
currentFeature = undefined;
}); });

19
examples/kml-timezones.js
View File

@@ -93,10 +93,12 @@ const tooltip = new bootstrap.Tooltip(info, {
}); });
let currentFeature; let currentFeature;
const displayFeatureInfo = function (pixel) { const displayFeatureInfo = function (pixel, target) {
const feature = map.forEachFeatureAtPixel(pixel, function (feature) { const feature = target.closest('.ol-control')
return feature; ? undefined
}); : map.forEachFeatureAtPixel(pixel, function (feature) {
return feature;
});
if (feature) { if (feature) {
info.style.left = pixel[0] + 'px'; info.style.left = pixel[0] + 'px';
info.style.top = pixel[1] + 'px'; info.style.top = pixel[1] + 'px';
@@ -121,9 +123,14 @@ map.on('pointermove', function (evt) {
return; return;
} }
const pixel = map.getEventPixel(evt.originalEvent); const pixel = map.getEventPixel(evt.originalEvent);
displayFeatureInfo(pixel); displayFeatureInfo(pixel, evt.originalEvent.target);
}); });
map.on('click', function (evt) { map.on('click', function (evt) {
displayFeatureInfo(evt.pixel); displayFeatureInfo(evt.pixel, evt.originalEvent.target);
});
map.getTargetElement().addEventListener('pointerleave', function () {
tooltip.hide();
currentFeature = undefined;
}); });