在 Leaflet LayerGroup 中添加空白 TileLayer 选项答案

【问题标题】：Add option for Blank TileLayer in Leaflet LayerGroup在 Leaflet LayerGroup 中添加空白 TileLayer 选项
【发布时间】：2015-01-23 01:26:10
【问题描述】：

我有一组希望用户能够选择的 BaseMap：

var BaseMaps = {
    // TODO blank tileLayer

    "Default": L.tileLayer('https://{s}.tiles.mapbox.com/v3/{id}/{z}/{x}/{y}.png', {
        id: 'examples.map-20v6611k',
        noWrap: true
    }),

    "ESRI Roads": L.tileLayer('http://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer/tile/{z}/{y}/{x}', {
        noWrap: true
    })
};

这些图层使用 L.control.layers(BaseMaps).addTo(map) 添加到我的地图的 LayerGroup 控件中，并按预期工作

问题是我想要让用户能够从同一个控件中选择一个空白切片图层，从而有效地关闭基本地图，但是通过L.tileLayer() 的空或空白切片图层不会工作，因为这会破坏传单功能

有没有一种干净的方法可以为这个控件添加一个空白的 tileLayer 选项？挖掘 API 和各种 github/论坛问题并没有出现任何问题。

提前致谢！

【问题讨论】：

标签： javascript leaflet

【解决方案1】：

将空字符串作为 url 参数对我有用，不会引发任何错误：

var base = {
    'Empty': L.tileLayer(''),
    'OpenStreetMap': L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
        'attribution': 'Map data &copy; OpenStreetMap contributors'
    })
};

Plunker 上的工作示例：http://plnkr.co/edit/v7sICO?p=preview

【讨论】：

我没有尝试过的一件事 xD 谢谢！
有没有办法将空瓷砖的背景颜色从灰色更改为其他颜色？
您可以在 leaflet-container 类上使用 CSS，例如：.leaflet-container { background-color: #000 }