地图容器外的传单地理搜索搜索控件

【问题标题】：leaflet-geosearch search control outside the map container地图容器外的传单地理搜索搜索控件
【发布时间】：2021-03-05 17:35:38
【问题描述】：

我已按照文档将 searchcontrol 移动到另一个 div 容器，但不起作用。

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

Js：

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

map.addControl(searchControl);

你知道如何将 searchcontrol 移动到 findbox 的 div 中吗？

【问题讨论】：

标签： leaflet

【解决方案1】：

您可以使用 append 和 querySelector 来做到这一点：

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

注意在map.addControl之前调用querySelector会返回null

【讨论】：