选择标记单击Leaflet中的li菜单

时间:2015-12-22 00:57:26

标签: javascript menu leaflet marker

我有以下问题:

我创建了一个包含50个标记的地图,我还创建了一个下拉菜单(li菜单)。

我想从下拉菜单中选择一个声音,只显示一些,例如3或4个标记。

我该怎么办?

1 个答案:

答案 0 :(得分:0)

这是一个创建标记的功能

function createIcon(map,lat,lon,message){

var iconBlue= L.icon({
    iconUrl: './icon/marker-icon.png',
    shadowUrl: './icon/marker-shadow.png',

    iconSize: [25,41],
    shadowSize: [41,41],
    iconAnchor:[lat,lon],
    shadowAnchor:[lat,lon],
    popupAnchor:[-25,-10]
});

var marker = L.marker([lat, lon],{icon:iconBlue});      
marker.addTo(map);  
marker.bindPopup(message);
}

这是一个li菜单

<ul id="menu"> 
<li><a href="#">Agrumi</a> 
    <ul> 
        <li><a href="#">Arance</a>
            <ul> 
                <li><a href="#">Rossa</a></li> 
                <li><a href="#">Arancione</a></li>                  
            </ul>
        </li>
        <li><a href="#">Limoni</a>
            <ul> 
                <li><a href="#">Giallo</a></li> 
                <li><a href="#">Lime</a></li>                   
            </ul>
        </li> 
        <li><a href="#">Madarini</a></li> 
    </ul> 
</li> 
</ul>

选择“Arance”例如显示ID为“Rossa”和“Arancione”的标记 选择“Rossa”只有id为“Rossa”的标记。