如何正确添加图层控件

Question

我似乎在向页面添加层控制菜单时遇到了很大的问题。我以为我的代码是正确的，但每次我尝试添加它时，它都不会显示出来。我做错了什么？

L.geoJSON(城市(.addTo(地图(；

```code```
var baseMaps = {
"States": statesData
};
var overlayMaps = {
"cities": cities
};
L.control.layers(baseMaps, overlayMaps).addTo(map);

Answer 1

您必须创建一个Layergroup/GeoJsonlayer才能将它们添加到控制器中。您不能将普通的geojson对象添加到控制器中。

var statesDataLayer = L.geoJSON(statesData); // Don't know if this is also geojson?
var citiesLayer = L.geoJSON(cities);
var baseMaps = {
"States": statesDataLayer // Don't know if this is also geojson?
};
var overlayMaps = {
"cities": citiesLayer
};
L.control.layers(baseMaps, overlayMaps).addTo(map);