Javascript 部门地图外的传单输入搜索（重新制作）

我有一个小问题，我正在制作传单地图，我不知道我该怎么做我的输入搜索，在地图内显示与输入搜索相同的结果，我正在寻找答案和一些示例，即使在相同的传单文档中，我也找不到任何清晰的内容，希望你能帮助我。Js代码，在地图上创建输入搜索，但我需要在地图之外进行输入搜索，也需要这样做

设map=L.map（“mapid”）.setView（[-33.45，-70.66666 7]，4）；
L.tileLayer（“https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png”{
归属：
“©；贡献者”，
}).addTo（地图）；
var searchText=L.esri.Geocoding.geosearch（）.addTo（map）；
//在搜索控件上添加图层组
var results=L.layerGroup（）.addTo（map）；
searchText.on（“结果”，函数（数据）{
结果：clearLayers（）；
对于（var i=data.results.length-1；i>=0；i--）{
results.addLayer（L.marker（data.results[i].latlng））；
console.log（data.results[i].latlng）；
}
});

谢谢大家哈哈，我能做到，但现在的问题是我的引导程序混乱，不管怎样，这就是解决办法

var searchText = L.esri.BootstrapGeocoder.search({  
 //here we call the input id.
  inputTag: 'search',
  placeholder: 'ex. LAX',
}).addTo(map);
//adding layer groups on the search control
var results = L.layerGroup().addTo(map);

searchText.on('results', function(data){

  results.clearLayers();

  for (var i = data.results.length - 1; i >= 0; i--) {

    results.addLayer(L.marker(data.results[i].latlng));    
    console.log(data.results[i].latlng);
  }
})

---

我遵循了您的操作，但搜索输入不起作用，它不断返回两个错误：1-错误类型错误：无法读取未定义类型的属性“BootstrapGeocoder”；2-未捕获类型错误：无法读取未定义类型的属性“extend”