0
我有一个带有select
的小册子地图。 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>
它的好,如果它不同于我的代码。 。并感谢您的答案。它的工作。=) –
不客气。我很高兴它的工作。 –