Question

线条代码

var antPath = L.polyline.antPath;
var polyline = antPath(lineData, {
            "paused": true,   　　//暂停  初始化状态
            "reverse": false,　　//方向反转
            "delay": 6000,　　　　//延迟，数值越大效果越缓慢
            "dashArray": [10, 50],　//间隔样式
            "weight": 5,　　　　//线宽
            "opacity": 0.8,　　//透明度
            "color": "#27AFFF",　//颜色
            "pulseColor": "#FFF",　　//块颜色
        }).bindPopup(popup);

线条图层 

featureLayers.addLayer(polyline);

标记点图层

graphicLayer = L.supermap.graphicLayer([], {
            render: "canvas",
            onClick : function(graphic,layer){
                handleGraphicClick(graphic,layer);
            }
        });

设置顺序

featureLayers.bringToBack(graphicLayer);

请问怎么解决？

Answer 1

用featureLayers.setZIndex试试

https://leafletjs.com/reference-1.5.0.html#featuregroup

Comments

没有效果呢

---

刚才看了下 map的layer好像没有直接调换顺序的接口

我记得是每个layer里面有对应的layer的ZIndex的值 可以直接修改这个试试

---

没有效果

---

能留个方式吗？我要实现这样的功能

---

是这样的，比如你现在想把点放在线上面，你可以

1.var point =new L.featureGroup();
  map.addLayer(point);  //在地图上先创建一个放你点的featuregroup，

2. point.addLayer( L.circleMarker(pointsList[i], {color: 'black', radius: 2}))//然后将你的点的放入你刚创建出来的featuregroup中

3.最后将让这个featureGroup置放于其他图层之上，用point.bringToFront();即可实现,当然这个方法需要放在线图层之后加入地图之后在写。