Leafletとは？軽量なJavaScript interactive map library

ページ内ナビ

概要

Leafletはmobile-friendlyなinteractive mapを作るJavaScriptライブラリです。map view、tile layer、marker、vector、popup、eventを小さなAPIで組み合わせられます。

特徴と向いている用途

公式資料に基づく紹介・実機未検証 · 内容確認日：2026-10-05

主な特徴

座標とzoom levelからmapを初期化する

L.map(...).setView([lat, lng], zoom)でinteractive mapを作成します。

出典：[2]

tile layerとmarker・vector・popupを追加する

tile providerを選び、markerやshape、popupをlayerとして追加できます。

出典：[2][1]

向いている用途

店舗検索・位置表示・施設案内などのWeb地図UIに向く

地図表示とinteractionを必要十分なAPIで組み立てたい用途に適します。

出典：[1][2]

導入前の確認

CSS・container height・tile provider規約を確認する

Leaflet CSSとmap containerのheightが必要です。tile providerのattributionとusage policyも別途確認してください。

出典：[2]

参考にした公式資料

[1]Leaflet v1.9.4 README(2026-10-05)
[2]Leaflet v1.9.4 Quick Start Guide(2026-10-05)
[3]Leaflet v1.9.4 package metadata(2026-10-05)
[4]Leaflet v1.9.4 release(2026-10-05)

編集部からの補足

店舗検索や位置表示などのWeb地図UIに向きます。Leaflet自体はtile providerを含まないため、OpenStreetMap等を使う場合はattributionとtile usage policyを別途確認してください。

3ステップで試す

1
ソースを取得
git clone --depth 1 https://github.com/Leaflet/Leaflet.git
2
リポジトリへ移動
cd Leaflet
3
公式手順を確認
READMEのInstallation / Quick Start / Getting Startedにある公式コマンドを続けて実行してください。
find . -maxdepth 1 -iname 'README*' -exec sed -n '1,220p' {} \; -quit

公式READMEで確認

成長

成長の推移 · 直近30日

45,704 Stars

推移データを蓄積中です。

開発アクティビティ

直近90日・週次

Commit（直近30日）: 2
Open PR: 190

開発アクティビティを蓄積中です。

Built with

JavaScript

カテゴリとタグ

GitHubデータ

GitHubのデータGitHubの詳細データを見る

GitHubで見る

GitHub Topics

javascript
leaflet
maps

Stars: 45,704
Forks: 6,178
Watchers: 891
Open Issues: 402
Contributors: 382
所有者種別: Organization
主要言語: JavaScript
ライセンス: BSD-2-Clause
リポジトリ最終更新: 2026/10/05