文字サイズ変更

  • 標準
  • 拡大
地理院地図 ヘルプ >  技術情報 >  地理院タイルを用いたサイト構築サンプル集

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

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


構築したサイトには、出典の記載をお願いします。
ソース例:
<a href="https://maps.gsi.go.jp/development/ichiran.html" target="_blank">地理院タイル</a>

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を表示しております。

ページトップへ