tips:start
差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン | ||
tips:start [2020/05/21 23:50] – [spriteの使い方] 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) ===== | ||
+ | こちらのサンプルはOpenLayers ver.6+ol-mapbox-styleによるもの。割とサクッと動いた。軌跡の表示はなし。地図のスクロールなどでPCの負荷が大きいのか、カクカクする。これは多分、適用するスタイルをfilterで線形に探索しているところに時間がかかっている。 | ||
+ | < | ||
+ | <div style=" | ||
+ | <iframe width=" | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | ===== 山名一覧と点名一覧(地理院Vector) ===== | ||
+ | 地理院Vectorから山名と読み仮名の情報を抽出して、地形図に重ね合わせて表示した。縮尺によって表示される山名が増減する。一尺八寸山は難読山名No.1の山。 | ||
+ | |||
+ | < | ||
+ | <div style=" | ||
+ | <iframe width=" | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | 次は地理院ベクターの同様な応用で、三角点の点名を表示したもの。三角点の詳細な情報は[[https:// | ||
+ | |||
+ | < | ||
+ | <div style=" | ||
+ | <iframe width=" | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
tips/start.1590072635.txt.gz · 最終更新: 2020/05/21 23:50 by anineco