mapbox 双屏联动

原文 https://blog.csdn.net/weixin_42599077/article/details/103516695

        // 拖拽
        map2.on("drag", function() {
            map2_x = map2.getCenter().lng;
            map2_y = map2.getCenter().lat;
            map1.setCenter([map2_x, map2_y]);
        });
        map1.on("drag", function() {
            map1_x = map1.getCenter().lng;
            map1_y = map1.getCenter().lat;
            map2.setCenter([map1_x, map1_y]);
        });

        //   放大缩小
        map2.on("zoom", function() {
            map2_zoom = map2.getZoom();
            map1.setZoom(map2_zoom);
        });
        map1.on("zoom", function() {
            map1_zoom = map1.getZoom();
            map2.setZoom(map1_zoom);
        });

        // 倾斜
        map2.on("pitch", function() {
            map2_pitch = map2.getPitch();
            map1.setPitch(map2_pitch);
        });
        map1.on("pitch", function() {
            map1_pitch = map1.getPitch();
            map2.setPitch(map1_pitch);
        });

        // 旋转
        map1.on("rotate", function() {
            map1_bear = map1.getBearing();
            map2.setBearing(map1_bear);
        });
        map2.on("rotate", function() {
            map2_bear = map2.getBearing();
            map1.setBearing(map2_bear);
        });