private initZoomControl()

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;
                        }
                    }
                };
            }
        }