0
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>
それは私のコードとは異なる場合は、大丈夫です。 。答えに感謝します。それは動作します。=) –
ようこそ。私はそれがうまくいってうれしいです。 –