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

add CSS class name support for zoom buttons

Browse Source
This commit is contained in:
Mihai CAZACU
2020-08-06 16:15:59 +03:00
parent 1a356332f3
commit 1aa33085c1
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/ol/control/Zoom.js
+9 -2
View File
@@ -10,6 +10,8 @@ import {easeOut} from '../easing.js';
* @typedef {Object} Options * @typedef {Object} Options
* @property {number} [duration=250] Animation duration in milliseconds. * @property {number} [duration=250] Animation duration in milliseconds.
* @property {string} [className='ol-zoom'] CSS class name. * @property {string} [className='ol-zoom'] CSS class name.
* @property {string} [zoomInClassName=className + '-in'] CSS class name for the zoom-in button.
* @property {string} [zoomOutClassName=className + '-out'] CSS class name for the zoom-out button.
* @property {string|HTMLElement} [zoomInLabel='+'] Text label to use for the zoom-in * @property {string|HTMLElement} [zoomInLabel='+'] Text label to use for the zoom-in
* button. Instead of text, also an element (e.g. a `span` element) can be used. * button. Instead of text, also an element (e.g. a `span` element) can be used.
* @property {string|HTMLElement} [zoomOutLabel='-'] Text label to use for the zoom-out button. * @property {string|HTMLElement} [zoomOutLabel='-'] Text label to use for the zoom-out button.
@@ -46,6 +48,11 @@ class Zoom extends Control {
const delta = options.delta !== undefined ? options.delta : 1; const delta = options.delta !== undefined ? options.delta : 1;
const zoomInClassName =
options.zoomInClassName !== undefined ? options.zoomInClassName : className + '-in';
const zoomOutClassName =
options.zoomOutClassName !== undefined ? options.zoomOutClassName : className + '-out';
const zoomInLabel = const zoomInLabel =
options.zoomInLabel !== undefined ? options.zoomInLabel : '+'; options.zoomInLabel !== undefined ? options.zoomInLabel : '+';
const zoomOutLabel = const zoomOutLabel =
@@ -59,7 +66,7 @@ class Zoom extends Control {
: 'Zoom out'; : 'Zoom out';
const inElement = document.createElement('button'); const inElement = document.createElement('button');
inElement.className = className + '-in'; inElement.className = zoomInClassName;
inElement.setAttribute('type', 'button'); inElement.setAttribute('type', 'button');
inElement.title = zoomInTipLabel; inElement.title = zoomInTipLabel;
inElement.appendChild( inElement.appendChild(
@@ -75,7 +82,7 @@ class Zoom extends Control {
); );
const outElement = document.createElement('button'); const outElement = document.createElement('button');
outElement.className = className + '-out'; outElement.className = zoomOutClassName;
outElement.setAttribute('type', 'button'); outElement.setAttribute('type', 'button');
outElement.title = zoomOutTipLabel; outElement.title = zoomOutTipLabel;
outElement.appendChild( outElement.appendChild(