управление масштабированием листовки при перемещении карты

Question

Когда я перетаскиваю карту, чтобы изменить местоположение, масштабирование управляет перемещением ее в середину карты и отключением частей карты, на рисунке вы можете видеть элементы управления в середине карты, и когда я пытаюсьчтобы щелкнуть по левой стороне карты, добавьте маркер к правой стороне, как я щелкнул там.Когда я перетаскиваю карту, линия прав на копирование также перемещается вправо, как вы можете видеть на картинке

Помогите, пожалуйста,

L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', {
                            maxZoom: 18,
                            attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, ' +
                                    '<a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +
                                    'Imagery © <a href="https://www.mapbox.com/">Mapbox</a>',
                            id: 'mapbox.streets'
                        }).addTo(mymap);




 function checkWidth() {
                            var height = $(window).height();
                            $("#mapid").height(height - 150);
                        }

                        $(document).ready(function () {
                            checkWidth();
                            $(window).on('resize', checkWidth);
                        });