ZoomControl – amCharts Version 3 Documentation

Type class

Creates the controls for the map to change the zoom level and pan around the map.

Example

var map = AmCharts.makeChart("mapdiv",{
	...
	"zoomControl": {
		"zoomControlEnabled": true
	}
});

Inheritance

ZoomControl does not extend any other symbol.

ZoomControl is not extended by any other symbol.

Properties

bottom #	Type `number` Distance from left side of map container to the zoom control.
buttonBorderAlpha #	Type `number` Default `0.1` Button border opacity.
buttonBorderColor #	Type `color` Default `#000000` Color of button borders.
buttonBorderThickness #	Type `number` Default `1` Button border thickness.
buttonColorHover #	Type `color` Default `#FF0000` Button roll-over color.
buttonCornerRadius #	Type `number` Default `2` Button corner radius.
buttonFillAlpha #	Type `number` Default `1` Button fill opacity.
buttonFillColor #	Type `color` Default `#FFFFFF` Button fill color.
buttonIconAlpha #	Type `number` Default `1` Opacity of button icons.
buttonIconColor #	Type `color` Default `#000000` Button icon color.
buttonRollOverColor #	Type `color` Default `#DADADA` Button roll-over color.
buttonSize #	Type `number` Default `31` Size of buttons.
draggerAlpha #	Type `number` Default `0` Opacity of a dragger.
gridAlpha #	Type `number` Default `0` Opacity of zoom-grid.
gridBackgroundAlpha #	Type `number` Default `0` Opacity of background under zoom-grid.
gridBackgroundColor #	Type `color` Default `#000000` Color of background under zoom-grid.
gridColor #	Type `color` Default `#000000` Grid color.
gridHeight #	Type `number` Default `5` Zoom grid height in pixels.
homeButtonEnabled #	Type `boolean` Default `true` Specifies if home button is visible or not.
homeIconColor #	Type `color` Default `#FFFFFF` Home icon color.
homeIconFile #	Type `string` Default `homeIcon.gif` File name of home icon. You can also find homeIconWhite.gif in the images folder, or you can create your own image. Important: This setting is ignored by default because Map uses SVG paths for all controls. To enable this feature set map's ZoomControl.svgIcons to `false`.
iconSize #	Type `number` Default `11` Size of icons. You might need to change size of icon gif files if you change this property.
left #	Type `number` Default `10` Distance from left side of map container to the zoom control.
maxZoomLevel #	Type `number` Default `64` Max zoom level.
minZoomLevel #	Type `number` Default `1` Min zoom level.
panControlEnabled #	Type `boolean` Default `false` Specifies if pan control is enabled.
panStepSize #	Type `number` Default `0.1` Specifies by what part of a map container width/height the map will be moved when user clicks on pan arrows.
right #	Type `number` Distance from right side of map container to the zoom control.
roundButtons #	Type `boolean` Default `true` Specifies if buttons should be round or not (rectangular).
top #	Type `number` Default `10` Distance from top of map container to the zoom control.
zoomControlEnabled #	Type `boolean` Default `true` Specifies if zoom control is enabled.
zoomFactor #	Type `number` Default `2` zoomFactor 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 does not have any methods.

Events

ZoomControl does not have any events.

Adapters

ZoomControl does not have any adapters.