地図が面白い！ 地理院データをダイレクトに表示

・　ヤマレコの山行マップのブログパーツを使わずに、地理院地図を表示する方法を調べてみました。　（　自分の為の備忘録ですみません。）

＜参考記事ＵＲＬ＞

＞＞　今昔マップ　（時系列地形図閲覧サイト「今昔マップ on the web」）by　埼玉大学教育学部　谷 謙二（人文地理学研究室）
" http://ktgis.net/kjmapw/kjmapw.html?lat=35.199658&lng=136.871281&zoom=14&dataset=chukyo&age=0&screen=2&scr1tile=k_cj4&scr2tile=k_cj4&scr3tile=k_cj4&scr4tile=k_cj4&mapOpacity=10&overGSItile=no&altitudeOpacity=2 "

＞＞　Leafletの使い方 by 谷謙二研究室（埼玉大学教育学部人文地理学）
" http://ktgis.net/service/leafletlearn/index.html#step1 "

＞＞　地理院タイル一覧　
" https://maps.gsi.go.jp/development/ichiran.html "

＞＞　地理院タイルについて　（仕様の概要）
" https://maps.gsi.go.jp/development/siyou.html#siyou-url ”　

・　今回のサンプルは、単純スタンダードタイルを、ＬｅａｆｌｅｔのＡＰＩで表示するものと、タイルの切替に、複数タイルを重ねるもので、私の好きな、標準地形図+色別標高＋傾斜量図を重ねた指定ができる選択を付けたものを作ってみました。それぞれ単体ではちゃんと動作しましたが、いざヤマレコやブログで表示させようとすると、エラーでうまく動きません。

・　試行錯誤中ですが、ＨＴＭＬにＡＰＩが入るとダメなようで…　まだまだ、勉強不足です。（セキュリティチェックで記述不可のようです。）

写真１：　単体テストの表示　　（基本地形図）
写真２：　画面右上タイル選択例（基本地形図+色別標高）
写真３：　画面右上タイル選択例（基本地形図+色別標高+傾斜量図）

（　基本図に対しての重ね合わせ不透明度の設定は、色別標高＝０．５、　陰影＝０．３、　傾斜料図＝０．５　で固定です。）