Javascript 单击按钮时传单缩放到属性

刚接触传单，需要很多帮助。我希望能够点击一个按钮，它将缩放到我的地图上的一个属性。例如议会选区。比如说，我点击了议会选区2的按钮，我想放大到那个选区并突出显示它。这在传单上怎么可能？到目前为止，我只知道：

<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)
}

CC 1
CC 2
CC 3
CC 4
功能按钮点击（str）{
警报（str）
}

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

---

谢谢

您可以创建一个标记数组，然后通过名称获取带有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)
}

---

欢迎来到SO。请分享更多显示地图和功能设置的代码。