HTMLcopy
1
<div id="container"></div>
CSScopy
6
1
html, body, #container {
2
width: 100%;
3
height: 100%;
4
margin: 0;
5
padding: 0;
6
}
JavaScriptcopy
x
1
anychart.onDocumentReady(function () {
2
var map = anychart.map();
3
map.geoData('anychart.maps.united_kingdom');
4
map.axes(true);
5
map.container('container').draw();
6
7
var zoomController = anychart.ui.zoom();
8
zoomController.target(map);
9
zoomController.render();
10
11
// dispose the zoom controlling panel on click
12
map.listen("click", function() {
13
zoomController.dispose();
14
});
15
16
map.title("Click anywhere on the chart to dispose the Zoom Control Panel")
17
});