( まだ勉強を始めたばかりですので、結果は保証なしです … ごめんなさい。『スパイ大作戦』のカセットテープみたいに、PCから煙は出ないと思いますが… 古くてどうも…すぃません、お若い方はトムクルーズのMIのほうがおなじみかも。)
過去日記… 「 地図が面白い! 地理院データをダイレクトに表示 」 の続編です。
" https://www.yamareco.com/modules/diary/173565-detail-223461 "
-- leaflet API のテスト版 (小) ↓ ----
" https://turbo-restore.up.seesaa.net/image/EFBCA8EFBCB4EFBCADEFBCACE8A68BE69CACEFBC88E59CB0E79086E999A2E3839EE38383E38397EFBC89.html "
---- 地形図重視の改善版 (中) ----
" https://turbo-restore.up.seesaa.net/image/E59BBDE59C9FE59CB0E79086E999A2EFBC88E59CB0E5BDA2E59BB3E9878DE8A696E78988EFBC89.html "
---- 地形図重視の改善版 (大) ----
" https://turbo-restore.up.seesaa.net/image/leaflet_Tiriin_fullsize.html "
---- ↑ leaflet API URL ここまで
( これまでの国土地理院オンラインでは、タイルを重ねるごとに基本の地形図が薄く不明瞭になる欠点がありました。「ベースマップの地形図を一番上に重ねることができたら…」と、常に思っていました。
今回はタイルの重ねの順位と透過率( reafletでは不透明度指定 )を再調整して、最上面にベースマップの地形図を重ねることができるようにしてみました、最下層にあるベースマップと同じ画像を改めて上に重ねる…ちょっと無駄な行為とも思えるレイヤをオーバーレイに追加してみました。今回の改善版(大)を、ぜひ試してみてください。)
( 右クリックメニューの「名前を付けてリンク先を保存」でデスクトップに貼付けしてからエディタで開くとソースが見れます。)
( 注: クリックで新しいタブに画面がいきなり開きます。)
( Google Chrome、IE、Edge、Firefox、で、正常動作確認しました。 )
<参考情報> // 地理院タイルの取得(ズームレベルとタイル番号を直接指定)
" https://cyberjapandata.gsi.go.jp/xyz/std/13/7275/3224.png "
上記URLをブラウザにセットするだけで、画像取得できます。
( パラメータ: 〜jp/ID/ズームレベル/縦タイル番号/横タイル番号 です。 )
・ IDは取得したい画像によって指定します
標準地図 = std
淡色地図 = pale
白地図 = blank
航空写真 = seamlessphoto
色別標高 = relief
傾斜量図 = slopemap
活断層図 = afm
等々まだまだいっぱい。 ( 過去の航空写真は年度別になっています。)
( 個人利用はOKですが、出典時は、出典元の明記と、下記地理院タイル一覧ページへのリンク付加が条件です。)
<参考サイト>
>> 地理院タイル一覧
" https://maps.gsi.go.jp/development/ichiran.html "
>> Leafletの使い方 by 谷謙二研究室(埼玉大学教育学部人文地理学)
" http://ktgis.net/service/leafletlearn/index.html#step1 "
コメントを編集
いいねした人
コメントを書く
ヤマレコにユーザー登録いただき、ログインしていただくことによって、コメントが書けるようになります。ヤマレコにユーザ登録する