Leafletで地図を読み込み、表示されている画面の四隅の緯度経度を
取得することはできでしょうか?
可能であれば、地図がスクロールする度に、再計算できるとうれしいです。
ソースは以下の通りです。
よろしくお願いします。
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style type="text/css"> #map { height: 300px; width: 300px;} </style> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.1/dist/leaflet.css"> <script src="https://unpkg.com/leaflet@1.3.1/dist/leaflet.js"></script> </head> <body> <div id="map"></div> </body> <script> // 地図を作成する var mymap = L.map('map'); // タイルレイヤーを作成し、地図にセットする L.tileLayer('https://cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png', { maxZoom: 18, attribution: '<a href="https://maps.gsi.go.jp/development/ichiran.html" target="_blank">国土地理院</a>', }).addTo(mymap); // 地図の中心座標とズームレベルを設定する //mymap.setView([37.508106, 139.930239], 13); mymap.setView([35.681236, 139.767125], 13); //東京駅 var marker = L.marker([35.681236, 139.767125]).addTo(mymap); //クリックイベント mymap.on('click', function(e) { //クリック位置経緯度取得 lat = e.latlng.lat; lng = e.latlng.lng; //経緯度表示 alert("lat: " + lat + ", lng: " + lng); } ); </script> </html>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/02/26 14:17