earthjs/src/base/zoomPlugin.js

D3 Earth JS using SVG, Canvas & THREE js, build with some plugins.

export default () => {
    /*eslint no-console: 0 */
    const _ = {}

    function init() {
        const __ = this._;
        const s0 = __.proj.scale();
        const wh = [__.options.width, __.options.height];

        __.svg.call(d3.zoom()
            .on('zoom start end', zoom)
            .scaleExtent([0.1, 5])
            .translateExtent([[0,0], wh]));

        function zoom() {
            const t = d3.event.transform;
            __.proj.scale(s0 * t.k);
            __.resize();
            __.refresh();
        }
    }

    return {
        name: 'zoomPlugin',
        onInit(me) {
            _.me = me;
            init.call(this);
        }
    }
}