У меня есть карта с лифтом с номером select
. select
содержит местоположение с координатами в качестве значения.Листовка: Изменение центра карты, если выбрано смену
При изменении select
карта должна перезагрузить и изменить центр карты в зависимости от значения выбора.
Вот мой код:
var coor =[11.5303, 122.6842];
var mymap = L.map('mapid').setView(coor, 13);
L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpandmbXliNDBjZWd2M2x6bDk3c2ZtOTkifQ._QA7i5Mpkd_m30IGElHziw', {
maxZoom: 18,
id: 'mapbox.streets'
}).addTo(mymap);
mymap.on('click', onMapClick);
<link href="https://unpkg.com/[email protected]/dist/leaflet.css" rel="stylesheet"/>
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
<div style="border:1px solid grey; width:500px;height:310px; margin:0 auto; margin-top:20px;">
<select id="loc" onchange="change_map()">
<option value="[11.5529, 122.7407]">Roxas City</option>
<option value="[11.5303, 122.6842]">Ivisan</option>
</select>
<div id="mapid" style="width: 100%; height: 100%;"></div>
</div>
Хорошо, если он отличается от моего кода. , и спасибо за ответ. он работает. =) –
Добро пожаловать. Я рад, что это сработало. –