use button elements and add tooltips to zoomcontrol

This commit is contained in:
Mark Prins
2014-02-15 10:25:25 +01:00
committed by Antoine Abt
parent aa51edbeef
commit 9adf8b01f6
2 changed files with 56 additions and 11 deletions

View File

@@ -37,19 +37,28 @@ ol.control.Zoom = function(opt_options) {
var zoomOutLabel = goog.isDef(options.zoomOutLabel) ?
options.zoomOutLabel : '\u2212';
var inElement = goog.dom.createDom(goog.dom.TagName.A, {
'href': '#zoomIn',
'class': className + '-in'
}, zoomInLabel);
var tTipZoomIn = goog.dom.createDom(goog.dom.TagName.SPAN, {
'class':'',
'role':'tooltip'
},"Zoom in");
var inElement = goog.dom.createDom(goog.dom.TagName.BUTTON, {
'class': className + '-in olHasToolTip',
'name' : 'zoomIn'
}, tTipZoomIn, zoomInLabel);
goog.events.listen(inElement, [
goog.events.EventType.TOUCHEND,
goog.events.EventType.CLICK
], goog.partial(ol.control.Zoom.prototype.zoomByDelta_, delta), false, this);
var outElement = goog.dom.createDom(goog.dom.TagName.A, {
'href': '#zoomOut',
'class': className + '-out'
}, zoomOutLabel);
var tTipsZoomOut = goog.dom.createDom(goog.dom.TagName.SPAN, {
'class':'',
'role':'tooltip'
}, "Zoom out");
var outElement = goog.dom.createDom(goog.dom.TagName.BUTTON, {
'class': className + '-out olHasToolTip',
'name' : 'zoomOut'
}, tTipsZoomOut, zoomOutLabel);
goog.events.listen(outElement, [
goog.events.EventType.TOUCHEND,
goog.events.EventType.CLICK