Question

简介

我正在使用传单api来创建一个使用两个图像重叠的应用程序（添加到地图中）。

问题

当我加载两个图像重叠以使用固定边界进行映射时。现在我已经设置控制来切换图像重叠，即下一个和之前的

我使用过函数bringToFront（）;这些控制背后......

但是当我绘制像矩形这样的东西并切换图像覆盖时，那么在图像或点上绘制的形状将会丢失，或者我猜想会失去它们的外观。

具有不完整实施的脚本的一部分

var map = L.map('map', {
                    minZoom: 1,
                    maxZoom: 4,
                    center: [0, 0],
                    zoom: 0,
                    crs: L.CRS.Simple
                });

                // dimensions of the image
                var w = 3200,
                    h = 1900,
                    url = 'assets/img/isbimg.jpg';
                url1 = 'assets/img/fjmap.png';
                // calculate the edges of the image, in coordinate space
                var southWest = map.unproject([0, h], map.getMaxZoom() - 1);
                var northEast = map.unproject([w, 0], map.getMaxZoom() - 1);
                var bounds = new L.LatLngBounds(southWest, northEast);

                var featureGroup = L.featureGroup().addTo(map);

                var drawControl = new L.Control.Draw({
                    edit: {
                        featureGroup: featureGroup
                    },
                    draw: {
                        polygon: true,
                        polyline: true,
                        rectangle: true,
                        circle: true,
                        marker: true
                    }
                }).addTo(map);


                map.on('draw:created', showPolygonArea);
                map.on('draw:edited', showPolygonAreaEdited);
                // add the image overlay,
                // so that it covers the entire map

                var iii = L.imageOverlay(url1, bounds);
                var jjj = L.imageOverlay(url, bounds);
                var ggg = iii.addTo(map);
                var hhh = jjj.addTo(map);

                jjj.addTo(map);
                $('#layerControl').on('click', function layerControl() {
                    ggg.bringToFront();
                    return this;
                });

                $('#layerControl2').on('click', function layerControl2() {
                    hhh.bringToFront();
                    return this;
                });

我还没有保存绘制的矢量或图像重映状态创造问题，是否有任何方法来解决这个问题或与将id设置为imageoverlay？

如何保存ImageOverlay：Leaflet的状态

0 个答案: