传单图层控件不显示图层答案

【问题标题】：Leaflet Layer Control not displaying layer传单图层控件不显示图层
【发布时间】：2017-10-04 06:51:51
【问题描述】：

我正在尝试为某些标记添加图层控件。当我将城市标记添加到地图时，它可以正常工作。 baseLayers 控件正常工作，overlayMaps 控件也已创建。但是，当单击 overlayMaps 控件时，标记不会显示。我确定我犯了一个简单的错误，但我无法检测到它。

var city = L.marker([34.26112, -116.8456], {
   icon: L.BeautifyIcon.icon(options)
   }).bindPopup( '<a href="' + "https://en.wikipedia.org/wiki/Big_Bear_Lake,_California" + '" target="_blank">' + "Big Bear Lake" + '</a>');

var citymarkers = L.layerGroup(city);

var overlayMaps = {
    "Cities": citymarkers
   };

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

【问题讨论】：

答案如下，但顺便说一句，如果您不添加变量，则不需要在弹出窗口中添加任何“+”

标签： javascript leaflet

【解决方案1】：

L.layerGroup 需要一个 array 层作为可选参数，而不是简单的层/标记。

L.layerGroup(<Layer[]> layers?)创建一个图层组，可选择给定一组初始图层。

var citymarkers = L.layerGroup([city]); // instead of (city)

现场演示：https://jsfiddle.net/3v7hd2vx/413/

【讨论】：