Leaflet 传单绘制，仅标记显示，线条和多边形不可见

我正在尝试添加/控件

我可以添加一个标记，它会一直存在（并保持可见）。但是当我添加一条直线或多边形时，它们是不可见的（但是如果我检查

.layers

，也要检查屏幕截图。元素似乎在那里，但它就是不可见）

任何指导都将不胜感激

编辑：我正在使用以下代码初始化地图：

var elem = angular.element('#datasetLeafletMap'); //using Angular
console.log('initting map', elem[0]);


var osmUrl = 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
                osmAttrib = '&copy; <a href="http://openstreetmap.org/copyright">OpenStreetMap</a> contributors',
osm = L.tileLayer(osmUrl, { maxZoom: 18, attribution: osmAttrib });
var map = new L.Map(elem[0], { layers: [osm], center: new L.LatLng(52.105289405897, 5.2629891004852425), zoom: 13 });
console.log('map ready');

var drawnItems = new L.FeatureGroup();

var coords = [new L.latLng(51.2, 4.5), new L.latLng(51.2, 4.6), new L.latLng(51.2, 4.9)];
var poly = new L.Polyline(coords, {
color: 'blue',
opacity: 1,
weight: 5
});

drawnItems.addLayer(poly);


map.addLayer(drawnItems);


var drawControl = new L.Control.Draw({
    draw: {
        position: 'right',
        polygon: {
            title: 'Polygon',
            allowIntersection: false,
            drawError: {
                color: '#b00b00',
                timeout: 1000
            },
            shapeOptions: {
                color: '#bada55'
            },
            showArea: true
        },
        polyline: {
            metric: false
        },
        circle: {
            shapeOptions: {
                color: '#662d91'
            }
        }
    },
    edit: {
        featureGroup: drawnItems
    }
});

map.addControl(drawControl);

map.on('draw:created', function (e) {
    var type = e.layerType,
        layer = e.layer;

    if (type === 'marker') {
        layer.bindPopup('A popup!');
    }

    drawnItems.addLayer(layer);
    console.log('adding layer', layer, drawnItems);
});

var elem=angular.element（'datasetLeafletMap'）//使用角度
log（'initing map'，elem[0]）；
var osmUrl='http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'，
osmAttrib='&复制；投稿人,，
osm=L.tileLayer（osmUrl，{maxZoom:18，attribution:osmAttrib}）；
var-map=newl.map（元素[0]，{layers:[osm]，中心：newl.LatLng（52.105289405897,5.2629891004852425），缩放：13}）；
log（'map ready'）；
var drawnItems=新的L.FeatureGroup（）；
var coords=[新拉特林（51.2,4.5），新拉特林（51.2,4.6），新拉特林（51.2,4.9）]；
var poly=新的L.多段线（坐标{
颜色：“蓝色”，
不透明度：1，
体重：5
});
添加层（多边形）；
map.addLayer（drawnItems）；
var drawControl=新的L.Control.Draw({
抽签：{
位置：'右'，
多边形：{
标题：“多边形”，
第一节：假，
抽屉错误：{
颜色：'#b00b00'，
超时：1000
},
形状选项：{
颜色：“#bada55”
},
展区：真的
},
多段线：{
指标：假
},
圆圈：{
形状选项：{
颜色：“#662d91”
}
}
},
编辑：{
功能组：drawnItems
}
});
map.addControl（drawControl）；
地图上（'draw:created'，函数（e）{
变量类型=e.layerType，
层=e层；
如果（类型=='marker'）{
layer.bindpoppup（'A popup！'）；
}
drawnItems.addLayer（层）；
console.log（'添加层'、层、绘图项）；
});

---

也许你可以分享你用来初始化L.绘图和处理绘图的代码？@iH8补充道：很好。很抱歉，但“它可以正常工作。”™", 至少直接复制/粘贴到Plunker使用传单0.7.7和绘图0.2.3。示例：也许你有一些CSS来自某个地方，弄乱了你的路径或覆盖平面？好的，所以它与我包含的NVD3有关。这似乎会弄乱多边形渲染。谢谢你的思考！