地図 | ワイの技術

📄️ タイルサーバ (Zoom Level)

Googleマップのような地図アプリの地図データは非常に大きいものになっています。

MapLibre GL JS というライブラリを利用することで、下のようなＷＥＢベースの地図アプリケーションを簡単に作成することができます。

Reactを利用したMaplibreの簡易スタートガイドです。

MapLibre GLを利用するための基本クラスについて解説します。

マーカーとはマップ上の位置を示したマークのことです。

Maplibreで地図表示をカスタマイズするためには、ソースとレイヤーの概念の知っておく必要があります。

Maplibreには標準で様々なマップをコントロールするボタンが用意されています。

Maplibre GLの地図上にポップアップ（吹き出し）を表示する方法を記載します。

Maplibreは地図表示はデフォルトではアニメーションで行われます。

地図を任意の場所へ移動する方法を記載します。

Maplibreで表示されているオブジェクトの情報を調べる方法を紹介します。

GISでよく利用されるファイルについて紹介します。

OSMファイルは非常に多くの地図データを含んでおりとても有益です。

位置情報はWEBページで簡単に取得することが可能です。ここでは、簡単なJavascriptで位置情報を取得する方法を記載ます。