如何正确添加图层控件？

【问题标题】：How do you properly add a layer control?如何正确添加图层控件？
【发布时间】：2020-03-09 05:40:39
【问题描述】：

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

L.geoJSON(城市).addTo(地图);

  ```code```

  var baseMaps = {
      "States": statesData
  };

  var overlayMaps = {
      "cities": cities
  };

  L.control.layers(baseMaps, overlayMaps).addTo(map);

【问题讨论】：

标签： javascript html leaflet controls layer

【解决方案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);

【讨论】：