From c9ab9bc711c7fc329d993b888c2f47f352667a88 Mon Sep 17 00:00:00 2001
From: Pierre GIRAUD <pierre.giraud@camptocamp.com>
Date: Mon, 8 Jun 2015 15:30:02 +0200
Subject: [PATCH] Hide the help tooltip when cursor is out of the map

---
 examples/measure.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

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