|
|
|
|
|
export default Zoom;
|
|
|
|
|
|
export type Options = {
|
|
|
|
|
|
/**
|
|
|
|
|
|
* Animation duration in milliseconds.
|
|
|
|
|
|
*/
|
|
|
|
|
|
duration?: number | undefined;
|
|
|
|
|
|
/**
|
|
|
|
|
|
* CSS class name.
|
|
|
|
|
|
*/
|
|
|
|
|
|
className?: string | undefined;
|
|
|
|
|
|
/**
|
|
|
|
|
|
* CSS class name for the zoom-in button.
|
|
|
|
|
|
*/
|
|
|
|
|
|
zoomInClassName?: string | undefined;
|
|
|
|
|
|
/**
|
|
|
|
|
|
* CSS class name for the zoom-out button.
|
|
|
|
|
|
*/
|
|
|
|
|
|
zoomOutClassName?: string | undefined;
|
|
|
|
|
|
/**
|
|
|
|
|
|
* Text label to use for the zoom-in
|
|
|
|
|
|
* button. Instead of text, also an element (e.g. a `span` element) can be used.
|
|
|
|
|
|
*/
|
|
|
|
|
|
zoomInLabel?: string | HTMLElement | undefined;
|
|
|
|
|
|
/**
|
|
|
|
|
|
* Text label to use for the zoom-out button.
|
|
|
|
|
|
* Instead of text, also an element (e.g. a `span` element) can be used.
|
|
|
|
|
|
*/
|
|
|
|
|
|
zoomOutLabel?: string | HTMLElement | undefined;
|
|
|
|
|
|
/**
|
|
|
|
|
|
* Text label to use for the button tip.
|
|
|
|
|
|
*/
|
|
|
|
|
|
zoomInTipLabel?: string | undefined;
|
|
|
|
|
|
/**
|
|
|
|
|
|
* Text label to use for the button tip.
|
|
|
|
|
|
*/
|
|
|
|
|
|
zoomOutTipLabel?: string | undefined;
|
|
|
|
|
|
/**
|
|
|
|
|
|
* The zoom delta applied on each click.
|
|
|
|
|
|
*/
|
|
|
|
|
|
delta?: number | undefined;
|
|
|
|
|
|
/**
|
|
|
|
|
|
* Specify a target if you want the control to be
|
|
|
|
|
|
* rendered outside of the map's viewport.
|
|
|
|
|
|
*/
|
|
|
|
|
|
target?: string | HTMLElement | undefined;
|
|
|
|
|
|
};
|
|
|
|
|
|
/**
|
|
|
|
|
|
* @typedef {Object} Options
|
|
|
|
|
|
* @property {number} [duration=250] Animation duration in milliseconds.
|
|
|
|
|
|
* @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
|
|
|
|
|
|
* 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.
|
|
|
|
|
|
* Instead of text, also an element (e.g. a `span` element) can be used.
|
|
|
|
|
|
* @property {string} [zoomInTipLabel='Zoom in'] Text label to use for the button tip.
|
|
|
|
|
|
* @property {string} [zoomOutTipLabel='Zoom out'] Text label to use for the button tip.
|
|
|
|
|
|
* @property {number} [delta=1] The zoom delta applied on each click.
|
|
|
|
|
|
* @property {HTMLElement|string} [target] Specify a target if you want the control to be
|
|
|
|
|
|
* rendered outside of the map's viewport.
|
|
|
|
|
|
*/
|
|
|
|
|
|
/**
|
|
|
|
|
|
* @classdesc
|
|
|
|
|
|
* A control with 2 buttons, one for zoom in and one for zoom out.
|
|
|
|
|
|
* This control is one of the default controls of a map. To style this control
|
|
|
|
|
|
* use css selectors `.ol-zoom-in` and `.ol-zoom-out`.
|
|
|
|
|
|
*
|
|
|
|
|
|
* @api
|
|
|
|
|
|
*/
|
|
|
|
|
|
declare class Zoom extends Control {
|
|
|
|
|
|
/**
|
|
|
|
|
|
* @param {Options} [options] Zoom options.
|
|
|
|
|
|
*/
|
|
|
|
|
|
constructor(options?: Options | undefined);
|
|
|
|
|
|
/**
|
|
|
|
|
|
* @type {number}
|
|
|
|
|
|
* @private
|
|
|
|
|
|
*/
|
|
|
|
|
|
private duration_;
|
|
|
|
|
|
/**
|
|
|
|
|
|
* @param {number} delta Zoom delta.
|
|
|
|
|
|
* @param {MouseEvent} event The event to handle
|
|
|
|
|
|
* @private
|
|
|
|
|
|
*/
|
|
|
|
|
|
private handleClick_;
|
|
|
|
|
|
/**
|
|
|
|
|
|
* @param {number} delta Zoom delta.
|
|
|
|
|
|
* @private
|
|
|
|
|
|
*/
|
|
|
|
|
|
private zoomByDelta_;
|
|
|
|
|
|
}
|
|
|
|
|
|
import Control from "./Control.js";
|
|
|
|
|
|
//# sourceMappingURL=Zoom.d.ts.map
|