在leaflet.js地图上覆盖一个文本框

Question

这似乎是一个非常简单的问题，但是我在其他地方搜索了答案，但是没有运气！

如何将简单的文本框覆盖在传单地图上，该地图在加载地图时加载（不固定到地图上的任何点），例如在实际地图对象中提供标题和更多信息。没有什么花哨。

Answer 1

我知道这是旧的，但这里有一些示例代码，必要时使用 CSS：

L.Control.textbox = L.Control.extend({
		onAdd: function(map) {
			
		var text = L.DomUtil.create('div');
		text.id = "info_text";
		text.innerHTML = "<strong>text here</strong>"
		return text;
		},

		onRemove: function(map) {
			// Nothing to do here
		}
	});
	L.control.textbox = function(opts) { return new L.Control.textbox(opts);}
	L.control.textbox({ position: 'bottomleft' }).addTo(map);

Answer 2

您有两个简单的选择，扩展一个新的L.Control并将其放置在地图窗口的四个角之一，并在方法内创建内容onAdd，或者通过地理坐标或基于尺寸的坐标将a 放置L.DivIcon在地图上的任何位置。L.Marker使其成为“盒子”，就像你认为合适的那样，只包含一小部分 CSS，比如一些padding、background-color等。