Angular7中Leaflet图层控件传null报错，寻求解决建议

问题原因 #

Leaflet的TypeScript类型定义里，L.control.layers的第一个参数（基础图层）类型为LayersObject | undefined，而你传入的null在TypeScript严格类型检查规则下，无法匹配该参数的类型要求，因此抛出类型不兼容的错误。

解决方法 #

1. 传入undefined替代null

直接将第一个参数改为undefined，完全符合类型定义要求，代码示例：

var layerControl = L.control.layers(undefined, overlay).addTo(this.mapa);

2. 省略第一个参数（利用默认值）

由于L.control.layers的第一个参数默认值就是undefined，也可以直接省略该参数，只传入叠加图层参数：

var layerControl = L.control.layers(undefined, overlay).addTo(this.mapa);
// 或者更简洁的写法（可读性稍弱，按需选择）
var layerControl = L.control.layers(, overlay).addTo(this.mapa);

3. 类型断言（不推荐，仅特殊场景使用）

如果确实需要保留null的传入方式，可以通过类型断言强制让TypeScript接受该值，但这种方式会绕过类型检查，可能隐藏潜在问题：

var layerControl = L.control.layers(null as L.LayersObject | undefined, overlay).addTo(this.mapa);

内容的提问来源于stack exchange，提问作者Marko Kostic