I am trying to create buttons that will initiate a flyTo. I can click the buttons on the page but they do nothing
action functions:
<script>
function Action(){
map.flyto([43.372000,-80.987697], 13);
}
</script>
<script>
function Action1(){
map.flyto([43.370627,-80.998735], 13);
}
</script>
<script>
function Action2(){
map.flyto([43.377328,-80.963505], 13);
}
</script>
<script>
function Action3(){
map.flyto([43.388931,-80.972062], 13);
}
</script>
Buttons
<div class = "leaflet-bottom leaflet-left" style="pointer-events: auto">
<button onClick="Action()" block>Douglas Flood Risk Area</button>
<button onClick="Action1()" block>Avondale Flood Risk Area</button>
<button onClick="Action2()" block>Millenium Park Flood Risk Area</button>
<button onClick="Action3()" block>Mornington Flood Risk Area</button>
</div>
I have added 4 buttons into my leaflet map and none of them can actually be clicked.
Is there a way to make them clickable?
