javascript - 在 leaflet.js map 上覆盖文本框

Question

这似乎是一个非常简单的问题，但我已经在其他地方搜索过但没有找到答案!

我如何将一个简单的文本框叠加到在 map 加载时加载的 Leaflet map 上(未固定到 map 上的任何点)——例如，在实际 map 对象中提供标题和更多信息。没什么特别的。

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