in src/globemap.ts [1428:1451]
private initZoomControl() {
this.controlContainer = document.createElement("div");
this.controlContainer.className = "controls-container";
this.controlContainer.appendChild(this.createControlElements());
this.root.append(this.controlContainer);
let allG = this.controlContainer.querySelectorAll("g");
for (let i = 0; i < allG.length; ++i) {
allG[i].onmousedown = (event) => {
event.stopPropagation();
if (event.button === 0) {
const controlType = (<{ className }>(event.currentTarget as HTMLHtmlElement)).className.baseVal.toString().split(" ").filter(className => className.search("js-") !== -1)[0];
switch (controlType) {
case "js-control--move-up": this.rotateCam(0, GlobeMap.ZoomControlSettings.angleOfRotation); break;
case "js-control--move-down": this.rotateCam(0, -GlobeMap.ZoomControlSettings.angleOfRotation); break;
case "js-control--move-left": this.rotateCam(GlobeMap.ZoomControlSettings.angleOfRotation, 0); break;
case "js-control--move-right": this.rotateCam(-GlobeMap.ZoomControlSettings.angleOfRotation, 0); break;
case "js-control--zoom-up": this.zoomClicked(-GlobeMap.ZoomControlSettings.zoomStep); break;
case "js-control--zoom-down": this.zoomClicked(GlobeMap.ZoomControlSettings.zoomStep); break;
}
}
};
}
}