地图容器外的 leaflet-geosearch 搜索控件

Question

我已按照文档将搜索控件移动到另一个 div 容器，但没有用。

Html:
<div id="findbox"></div>

Js:

var searchControl = new GeoSearchControl({
    provider: provider,
    container: 'findbox',
    style: 'bar',
  });

map.addControl(searchControl);

你知道如何将搜索控件移动到查找框的 div 吗？

Answer 1

您可以使用 append 和 querySelector 来完成：

document.getElementById('findbox').appendChild(
    document.querySelector(".geosearch")
);

请注意，在 map.addControl 之前调用 querySelector 将 return null

leaflet-geosearch search control outside the map container