传单层控制不显示图层

Question

我正在尝试为某些标记添加layercontrol。当我将其添加到地图中时，城市标记正常。BASELAYERS控件正常工作，并且也创建了覆盖层控件。但是，何时单击"叠加图"控件时，标记不会显示。我敢肯定我犯了一个简单的错误，但是我无法检测到它。

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);

Answer 1

L.layerGroup期望图层的 array 作为可选参数，而不是简单的图层/标记。

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

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

实时演示：https：//jsfiddle.net/3v7hd2vx/413/