チュートリアル - Leaflet - インタラクティブマップに関する JavaScript ライブラリ

Leaflet チュートリアル

ここで扱うチュートリアルは、ステップバイステップのコードの説明が備わっており、JavaScript 開発の初級者でも簡単に理解できます。

ステップバイステップの簡単なガイドで、Leaflet の基本をすぐに習得できます。ページに Leaflet マップ（OpenStreetMap タイルを含む）を設定し、マーカー、ポリライン、ポップアップを使用した操作、イベントの処理を行う方法も含まれています。

このチュートリアルでは、iPhone、iPad、Android フォンなどのモバイルデバイスに合わせて調整されたフルスクリーンマップの作成方法と、現在のユーザーの位置を簡単に検出して利用する方法について学習します。

このわかりやすいチュートリアルでは、マップ上に配置するマーカーに使用できる独自のアイコンを定義する方法を学習します。

Leaflet の基本的なアクセシビリティに関するガイドであり、幅広い能力を持つユーザーがマップを使用できるようにします。

このチュートリアルでは、GeoJSON オブジェクトから作成されたマップベクターを作成して操作する方法について学習します。

GeoJSON とカスタムコントロールを使用して、米国の州の人口密度のカラフルなインタラクティブコロプレスマップを作成するケーススタディです。ニュースウェブサイトに最適です。

レイヤーのグループを管理し、レイヤー切り替えコントロールを使用する方法に関するチュートリアルです。

ズームレベルについて詳しく説明します。

「緯度」や「経度」の概念のないマップを作成する方法である L.CRS.Simple の基礎について学びます。

プロフェッショナルな GIS ソフトウェアから WMS や TMS サービスを統合する方法について説明します。

既定のマップ画面を使用してタイルの上にオーバーレイを表示する方法と、その方法を上書きする方法について説明します。

Leaflet を使用すると、マップ上の任意の場所に画像、動画、SVG 要素を表示できます。

以下のチュートリアルは、Leaflet 用のプラグインを作成する方法について説明しています。JavaScript の経験がある開発者のみを対象としています。

Leaflet のクラス、クラス継承、慣習の概要です。

レイヤーを拡張したり、新しいレイヤーを作成したりする方法。そのための特定のエントリポイントを使用します。

レイヤー以外のものを拡張または作成する方法です。