单击按钮时将传单放大到属性

Question

Leaflet的新手，需要大量帮助。我希望能够单击一个按钮，它将缩放到我的地图上的一个属性。例如市政厅区。说，我单击显示第2区理事会的按钮，我要放大到该区域并突出显示它。在Leaflet中怎么可能？到目前为止，我所拥有的是：

<div class="push-top">
    <button class="cc-bttn"  onclick="buttonClick('bttn1')">CC 1</button>
    <button class="cc-bttn"  onclick="buttonClick('bttn2')">CC 2</button>
    <button class="cc-bttn"  onclick="buttonClick('bttn3')">CC 3</button>
    <button class="cc-bttn"  onclick="buttonClick('bttn4')">CC 4</button>
</div>


<script>
function buttonClick(str){
  alert(str)
}

这会创建一个弹出框，而不是我要查找的框。

谢谢！

Answer 1

您可以创建一个标记数组，然后通过名称获取带有latlng的标记，然后将地图平移到latlng。

var markers =  [];
markers['bttn1'] = L.marker([lat,lng]).addTo(map);
markers['bttn2'] = L.marker([lat,lng]).addTo(map);
markers['bttn3'] = L.marker([lat,lng]).addTo(map);

var zoom = 15;
function buttonClick(str){
  var marker = markers[str];
  var latlng = marker.getLatLng();
  map.flyTo(latlng,zoom)
}