Important version information!

You are browsing a class reference for Version 2 of the JavaScript Charts. If you are using Version 3 (current), please click here.

ZoomControl

Zoom control displays zoom and pan controls on the map.

Properties

PropertyTypeDefaultDescription
buttonBorderAlphaNumber1Button border opacity.
buttonBorderThicknessNumber1Button border thickness.
buttonColorHoverString#FF0000Button roll-over color.
buttonCornerRadiusNumber0Button corner radius.
buttonFillAlphaNumber1Button fill opacity.
buttonFillColorString#990000Button fill color.
buttonIconColorString#FFFFFFButton icon color.
buttonRollOverColorString#CC0000Button roll-over color.
buttonSizeNumber18Size of buttons.
gridAlphaNumber1Opacity of zoom-grid.
gridBackgroundAlphaNumber0.15Opacity of background under zoom-grid.
gridBackgroundColorString#000000Color of background under zoom-grid.
gridColorString#FFFFFFGrid color.
gridHeightNumber150Zoom grid color.
homeIconColorString#FFFFFFHome icon color.
iconSizeNumberSize of icons. You might need to change size of icon gif files if you change this property.
leftNumber10Distance from left side of map container to the small map.
maxZoomLevelNumber64Max zoom level.
minZoomLevelNumber1Min zoom level.
panControlEnabledBooleantrueSpecifies if pan control is enabled.
panStepSizeNumber0.1Specifies by what part of a map container width/height the map will be moved when user clicks on pan arrows.
topNumber10Distance from top of map container to the small map.
zoomControlEnabled BooleantrueSpecifies if zoom control is enabled.
zoomFactorNumber2zoomFactor is a number by which current scale will be multiplied when user clicks on zoom in button or divided when user clicks on zoom-out button.

Methods

ZoomControl class does not have any methods.

Events

ZoomControl class does not have any events.