Question

我正在尝试为某些标记添加图层控件。当我将它添加到地图时，城市标记工作正常。 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);

Answer 1

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

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

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

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

Leaflet Layer Control不显示图层

1 个答案: