地理院タイルを用いたサイト構築サンプル集

地理院タイルは、FOSS4Gをはじめ、既存の各種ライブラリを用いてご利用いただくことが可能です。
ここでは、ご参考までにいくつかの代表的ライブラリを用いて地理院タイルを表示するサンプルを示します。

• Leaflet
• OpenLayers
• Cesium
• Mapbox GL JS

Leaflet

表示サンプル

Leafletで表示

→地理院タイルをLeafletで表示するサンプルページへ(GitHub)

ソース

→外部サイト(GitHub)へ移動します

OpenLayers

表示サンプル

OpenLayersで表示

→地理院タイルをOpenLayersで表示するサンプルページへ(GitHub)

ソース

→外部サイト(GitHub)へ移動します

Cesium

表示サンプル

Cesiumで表示

→地理院タイルをCesiumで表示するサンプルページへ(GitHub)

ソース

→外部サイト(GitHub)へ移動します

Mapbox GL JS(ベクトルタイルを表示するサンプル)

地理院地図Vectorで提供しているベクトルタイルを表示するサンプルです。

表示サンプル

Mapbox GL JSで表示

→ベクトルタイルをMapbox GL JSで表示するサンプルページへ(GitHub)

ソース

→外部サイト(GitHub)へ移動します
上記のサンプルページはstd.htmlを表示しております。