单张缩放控件在拖动地图时移动

时间:2018-09-20 08:27:24

标签: javascript html css leaflet

当我拖动地图以更改位置时,缩放控件将其移动到地图的中间并禁用部分地图,在图片中,您可以看到地图中间的控件,当我尝试单击地图的左侧,其添加标记位于右侧,就像我单击此处一样。 当我拖动地图时,复制权线也向右移动,如图所示

screenshot of my map

请帮助

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

0 个答案:

没有答案