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

Hide the help tooltip when cursor is out of the map

Browse Source
This commit is contained in:
Pierre GIRAUD
2015-06-08 15:30:02 +02:00
parent 7065722fa6
commit c9ab9bc711
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
examples/measure.js
View File

@@ -1,4 +1,5 @@
goog.require('ol.Map'); goog.require('ol.Map');
goog.require('ol.Observable');
goog.require('ol.Overlay'); goog.require('ol.Overlay');
goog.require('ol.Sphere'); goog.require('ol.Sphere');
goog.require('ol.View'); goog.require('ol.View');
@@ -116,6 +117,7 @@ var pointerMoveHandler = function(evt) {
helpTooltipElement.innerHTML = helpMsg; helpTooltipElement.innerHTML = helpMsg;
helpTooltip.setPosition(evt.coordinate); helpTooltip.setPosition(evt.coordinate);
$(helpTooltipElement).removeClass('hidden');
}; };
@@ -130,6 +132,10 @@ var map = new ol.Map({
map.on('pointermove', pointerMoveHandler); map.on('pointermove', pointerMoveHandler);
$(map.getViewport()).on('mouseout', function() {
$(helpTooltipElement).addClass('hidden');
});
var typeSelect = document.getElementById('type'); var typeSelect = document.getElementById('type');
var geodesicCheckbox = document.getElementById('geodesic'); var geodesicCheckbox = document.getElementById('geodesic');
@@ -210,7 +216,7 @@ function createHelpTooltip() {
helpTooltipElement.parentNode.removeChild(helpTooltipElement); helpTooltipElement.parentNode.removeChild(helpTooltipElement);
} }
helpTooltipElement = document.createElement('div'); helpTooltipElement = document.createElement('div');
helpTooltipElement.className = 'tooltip'; helpTooltipElement.className = 'tooltip hidden';
helpTooltip = new ol.Overlay({ helpTooltip = new ol.Overlay({
element: helpTooltipElement, element: helpTooltipElement,
offset: [15, 0], offset: [15, 0],