地理院タイルをthree.jsで表示します。平面地図で表示したい位置とズームレベルを決めて青いボタンを押して下さい。 立体に貼り付ける地図の種類は「ラスタ」から選んでください。(今、「標準地図」が表示できません。調べ中です(´Д⊂グスン) ベクトルタイルは他のボタンから選べます。
使い方(*´∀`)b
ラスタ
ベクタ
注記
基本項目
地形分類
オプション
ソース表示
高さを大げさにする
元通り
10倍
案内地図・開
案内地図・閉
view追加
view削除
【背景】
【枠線】
色
サイズ
地理院タイル
表示しない
線
面
マップ
透明
不透明
国土地理院ベクトルタイル提供実験
(!)ズームレベルを上げるか画面を小さくして下さい
角度 水平
垂直
chiriinTileFan3D.js
daraLib.map.js
daraLib.map.three.js
daraLib.three.js
取得ファイル数が多すぎます。ズームインするか画面を小さくしてください
coming soon!
【ご注意】練習で作ってるページなので予告なしに構成からなにからガンガン変わります!
国土地理院ベクトルタイル提供実験
・地理院タイルを3D表示します。
・緑枠のメニューからタイルを選択して下さい。
・案内地図の青ボタンを押すと位置と範囲とズームレベルが反映されます。
・ズームレベルが小さいと、ラスタ以外の地図は表示されないことが多いです。
(ファイル枚数が多くなりすぎて取得しきれません)
・ラスタマップの種類はいっぱい上がっていますが、範囲が限定されてるものが多くて、
まだ対応しきれてません。2Dのツールの方が進んでます^^;
・ラスタを不透明にしてしまうと、ベクタが隠れて見えなかったりします。
・案内地図画面は「オプション」から閉じたり開いたりできます。
・もっと凸凹をはっきりさせたいなあと思ったら「オプション」でどうぞ。