如何在应该在地图上但不可见的传单中添加一个点?
How to add a point to leaflet that should be on map but invisible?
显示搜索结果时,人们通常希望在同一张地图上看到所有结果以及请求的元素。
为此,我将搜索到的点添加到同一图层并使用 fitBounds
方法,如下所示:
map.fitBounds(markerLayer.getBounds().pad(0.10));
现在,问题是我的标记在地图上仍然可见,但不应该。是否可以 hide/toggle 单个标记的可见性?
到目前为止已经尝试过:
- 将不透明度设置为 0。标记确实不可见,但光标在悬停时仍会发生变化,您仍然可以单击它。
- 在单独的图层中设置请求的城市标记。没用,因为你无法获得多层的边界,即使你将这些层分组为
LayerGroup
,你也无法获得它的边界。
您可以设置标记的不透明度:
markerLayer.setOpacity(0);
(参见 http://leafletjs.com/reference.html#marker-setopacity)
编辑:
如果您不希望它是可点击的,您可以在创建标记时使用 clickable
选项:
var markerLayer = L.marker([0, 0], { clickable: false });
显示搜索结果时,人们通常希望在同一张地图上看到所有结果以及请求的元素。
为此,我将搜索到的点添加到同一图层并使用 fitBounds
方法,如下所示:
map.fitBounds(markerLayer.getBounds().pad(0.10));
现在,问题是我的标记在地图上仍然可见,但不应该。是否可以 hide/toggle 单个标记的可见性?
到目前为止已经尝试过:
- 将不透明度设置为 0。标记确实不可见,但光标在悬停时仍会发生变化,您仍然可以单击它。
- 在单独的图层中设置请求的城市标记。没用,因为你无法获得多层的边界,即使你将这些层分组为
LayerGroup
,你也无法获得它的边界。
您可以设置标记的不透明度:
markerLayer.setOpacity(0);
(参见 http://leafletjs.com/reference.html#marker-setopacity)
编辑:
如果您不希望它是可点击的,您可以在创建标记时使用 clickable
选项:
var markerLayer = L.marker([0, 0], { clickable: false });