canapeでお寛ぎください

LeafLet 葉っぱのことではありません、オープンソース JavaScriptですhead内に置くと使えます

このジャバスクリプトのソースと地図ソフトの国土地理院やOpenStreetmapの公開されているコード使って地図を表示させる、まず国土地理院のコードを調べ地図を表示してみます。
国土地理院の地図ソフト開き［大雪山山頂］を検索してURLのHtmlコードを取得して検証しよう、
URLは　https://　maps.gsi.go.jp/?hc=hic　＃高度　/ 緯度　/ 経度の順で表示されるようだ。
では試しに#18/43.663558/142.854225/を直接URLプログラム書き込むと北海道　最高峰が表示されるか試してみよう。

1大雪山

2
＜inframe …の中の borderなどは別にCSSで書いた方がすっきりした＞

3
＜scrolling="no" marginheight="0" marginwidth="0" width="500" height="400"＞も外してみたheigthは指定なし

他の位置で試してみる

OpenStreetMap画面を開き「富士山」を検索し ≫　右側サイドバー「共有」開きhtmlコードを取得してみた

6-1

＜ width="425" height="350" frameborder="0" scrolling="no"marginheight="0" marginwidth="0"

をまず削除する

style="border: 1px solid black＞

も外して height="400"に書き換える　headないにinframeのCSSを書き修正する。

google map　右クリックで富士山頂は35.365673105889854, 138.73295820914703
mapnik&marker= 35.365673105889854 %2C 138.73295820914703 と書換及び貼付けみた

6-1
山頂はどこだ
大きな地図を表示

6-3

8
UP Top