Leaflet 更改JS中的默认图层
其中有两层-灰度和街道。它默认为灰度,但如何将默认值改为街道 在该示例中,有以下内容:Leaflet 更改JS中的默认图层,leaflet,Leaflet,其中有两层-灰度和街道。它默认为灰度,但如何将默认值改为街道 在该示例中,有以下内容: var map = L.map('map', { center: [39.73, -104.99], zoom: 10, layers: [grayscale, cities] }); 我尝试交换层中变量的顺序,但没有任何效果 还有一点: var baseLayers = { "Grayscale":
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.控制层(基本层、覆盖层)。添加到(地图);