エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
OpenLayersを使って国土地理院のベクトルタイルを表示する
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
OpenLayersを使って国土地理院のベクトルタイルを表示する
はじめに Mapbox社の出現により、ここれまでのウェブ地図サービスの主流であった、「ラスタータイル」方... はじめに Mapbox社の出現により、ここれまでのウェブ地図サービスの主流であった、「ラスタータイル」方式は過去の技術になっています。 そういった世の中の流れに追従して、国土地理院からもベクトルタイルの提供が開始されました。 そこで、今回はOpenLayersを使って国土地理院のベクトルタイルを表示してみました。 OpenLayersでベクトルタイルの設定 OpenLayersでは、ベクトルタイル用のレイヤ(VectorTile)が用意されているのでそれを使用します。後は、styleをどう表示するかは、通常のベクタレイヤと同じです。 var map = new ol.Map({ layers: [], target: 'map', view: new ol.View({ center: [14715856, 3952121], zoom: 11, minZoom: 10, maxZoom: