use button elements and add tooltips to zoomcontrol
This commit is contained in:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user