Leaflet 更改JS中的默认图层

其中有两层-灰度和街道。它默认为灰度，但如何将默认值改为街道

在该示例中，有以下内容：

    var map = L.map('map', {
        center: [39.73, -104.99],
        zoom: 10,
        layers: [grayscale, cities]
    });

我尝试交换层中变量的顺序，但没有任何效果

还有一点：

    var baseLayers = {
        "Grayscale": grayscale,
        "Streets": streets
    };

我也试图扭转这种局面，但没有成功

我甚至试着重新命名图层的名称，认为这可能是按字母顺序进行的，但没有这样的运气

---

有什么想法吗？

这与地图中添加的图层有关。因此，请从地图实例中删除阵列图层，并将街道图层添加到地图中。这将定义预选的图层

图层控制教程-单张
html，
身体{
身高：100%；
保证金：0；
}
#地图{
宽度：600px；
高度：400px；
}
var cities=L.layerGroup（）；
L.marker（[39.61，-105.02]）.bindPopup（'这是美国利特尔顿公司。）.addTo（城市），
L.marker（[39.74，-104.99]）.bindPopup（'这是丹佛，公司。）.addTo（城市），
L.marker（[39.73，-104.8]）.bindPopup（'这是公司Aurora.）.addTo（城市），
L.marker（[39.77，-105.23]）.bindPopup（'This is Golden，CO.））.addTo（cities）；
var mbAttr='地图数据和副本；贡献者，'+
“图像”，
姆布尔https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}？access_token=pk.eyj1ijoibwwwwym94iiwiysi6imnpejy4nxvycta2emycxbdhrqcmz3n3gifq.rjfig214ariislb6b5aw'；
var map=L.map（'map'{
中间：[39.73，-104.99]，
缩放：10，
});
var灰度=L.tileLayer（mbUrl{
id:'mapbox/light-v9'，
tileSize:512，
Zoomofset:-1，
署名：mbAttr
});
可变街道=L.Tillelayer（mbUrl{
id:“地图盒/街道-v11”，
tileSize:512，
Zoomofset:-1，
署名：mbAttr
}).addTo（地图）
var baseLayers={
“街道”：街道，
“灰度”：灰度
};
变量覆盖={
“城市”：城市
};
L.控制层（基本层、覆盖层）。添加到（地图）；