Question

我有以下問題： 我的目標是與傳單混合應用程序。我用html/CSS/JQuery創建了一個下拉菜單。 下面是代碼：

<nav> 
<ul> 
    <li id="menuPoint1"><image src="../img/Icon/info.png"/> 
     <ul class="subMenuPoint1"> 
      <li class="firstLi"><a href='#'>Interpretation</a></li> 
      <li ><a href='#'>Kennblatt</a></li> 
      <hr> 
      <image src="http://maps.ioer.de/cgi-bin/wms?MAP=S02RG_1000&&SERVICE=WMS&VERSION=1.3.0&SLD_VERSION=1.1.0&REQUEST=GetLegendGraphic&FORMAT=image/jpeg&LAYER=S02RG_2012_a"/> 
     </ul> 
    </li> 
    <li id="menuPoint2"><image src="../img/Icon/ebenen.png"/></li> 
    <li id="menuPoint3"><image src="../img/Icon/kalender.png"/></li> 
    <li id="menuPoint4"><image src="../img/Icon/lupe.png"/> 
     <ul class="subMenuPoint4"> 
      <li id="search"></li> 
     </ul> 
    </li> 
    <li id="menuPoint5"><image src="../img/Icon/helligkeit.png"/></li> 
</ul> 

現在我想從https://github.com/smeijer/L.GeoSearch在撥打傳單Geosearch插在點裏的id =「搜索」

我知道該怎麼稱呼中的函數javascript部分，但不在列表元素內，該元素位於Leaflet函數之外。

的單張地圖的代碼是：

new L.Control.GeoSearch({ 
     position: 'topcenter', 
     provider: new L.GeoSearch.Provider.OpenStreetMap(), 
    }).addTo(map); 

我喜歡在下拉菜單來實現。

非常感謝您的幫助！

Answer 1

我找到了解決辦法：

var search = document.getElementById('suche'); 

    search.appendChild(new L.Control.GeoSearch({ 
         provider: new L.GeoSearch.Provider.OpenStreetMap(), 
       }).onAdd(map));