tips:start
差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン | ||
tips:start [2020/05/22 00:39] – [ルート地図(地理院Vector+Mapbox GL JS)] anineco | tips:start [2021/12/04 07:42] (現在) – [ルート地図(地理院Vector+Mapbox GL JS)] anineco | ||
---|---|---|---|
行 27: | 行 27: | ||
GeoJSONからアイコンの情報を読み込む際、[[https:// | GeoJSONからアイコンの情報を読み込む際、[[https:// | ||
===== ルート地図(地理院Vector+Mapbox GL JS) ===== | ===== ルート地図(地理院Vector+Mapbox GL JS) ===== | ||
- | 地理院Vectorが全国整備されたので、[[https:// | + | 地理院Vectorが全国整備されたので、サンプルを作ってみた。GeoJSONのレイヤを追加。追加レイヤに固有のスプライト画像を追加する方法が不明なので、取り敢えず使用するアイコン画像を個別にロードしている。高解像度モニタで見ると、やはりVectorの等高線は綺麗だ。 |
+ | < | ||
+ | <div style=" | ||
+ | <iframe width=" | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
===== ルート地図(地理院Vector+OpenLayers) ===== | ===== ルート地図(地理院Vector+OpenLayers) ===== | ||
- | こちらの[[https:// | + | こちらのサンプルはOpenLayers |
+ | < | ||
+ | <div style=" | ||
+ | <iframe width=" | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | ===== 山名一覧と点名一覧(地理院Vector) ===== | ||
+ | 地理院Vectorから山名と読み仮名の情報を抽出して、地形図に重ね合わせて表示した。縮尺によって表示される山名が増減する。一尺八寸山は難読山名No.1の山。 | ||
+ | |||
+ | < | ||
+ | <div style=" | ||
+ | <iframe width=" | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | 次は地理院ベクターの同様な応用で、三角点の点名を表示したもの。三角点の詳細な情報は[[https:// | ||
+ | |||
+ | < | ||
+ | <div style=" | ||
+ | <iframe width=" | ||
+ | </ | ||
+ | </ | ||
+ | </ |
tips/start.1590075596.txt.gz · 最終更新: 2020/05/22 00:39 by anineco