Creates the controls for the map to change the zoom level and pan around the map.
var map = AmCharts.makeChart("mapdiv",{
...
"zoomControl": {
"zoomControlEnabled": true
}
});
| Property | Type | Default | Description |
|---|---|---|---|
| bottom | Number | Distance from left side of map container to the zoom control. | |
| buttonBorderAlpha | Number | 0.1 | Button border opacity. |
| buttonBorderColor | Color | #000000 | Color of button borders. |
| buttonBorderThickness | Number | 1 | Button border thickness. |
| buttonColorHover | Color | #FF0000 | Button roll-over color. |
| buttonCornerRadius | Number | 2 | Button corner radius. |
| buttonFillAlpha | Number | 1 | Button fill opacity. |
| buttonFillColor | Color | #FFFFFF | Button fill color. |
| buttonIconAlpha | Number | 1 | Opacity of button icons. |
| buttonIconColor | Color | #000000 | Button icon color. |
| buttonRollOverColor | Color | #DADADA | Button roll-over color. |
| buttonSize | Number | 31 | Size of buttons. |
| draggerAlpha | Number | 0 | Opacity of a dragger. |
| gridAlpha | Number | 0 | Opacity of zoom-grid. |
| gridBackgroundAlpha | Number | 0 | Opacity of background under zoom-grid. |
| gridBackgroundColor | Color | #000000 | Color of background under zoom-grid. |
| gridColor | Color | #000000 | Grid color. |
| gridHeight | Number | 5 | Zoom grid height in pixels. |
| homeButtonEnabled | Boolean | true | Specifies if home button is visible or not. |
| homeIconColor | Color | #FFFFFF | Home icon color. |
| homeIconFile | String | 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 | Number | 11 | Size of icons. You might need to change size of icon gif files if you change this property. |
| left | Number | 10 | Distance from left side of map container to the zoom control. |
| maxZoomLevel | Number | 64 | Max zoom level. |
| minZoomLevel | Number | 1 | Min zoom level. |
| panControlEnabled | Boolean | false | Specifies if pan control is enabled. |
| panStepSize | Number | 0.1 | Specifies by what part of a map container width/height the map will be moved when user clicks on pan arrows. |
| right | Number | Distance from right side of map container to the zoom control. | |
| roundButtons | Boolean | true | Specifies if buttons should be round or not (rectangular). |
| top | Number | 10 | Distance from top of map container to the zoom control. |
| zoomControlEnabled | Boolean | true | Specifies if zoom control is enabled. |
| zoomFactor | Number | 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. |