リーフレットのダウンロード
バージョン | 説明 |
---|---|
Leaflet 1.9.4 | 2023 年 5 月 18 日にリリースされた安定バージョン。 |
Leaflet 1.8.0 | 2022 年 4 月 18 日にリリースされた前の安定バージョン。 |
Leaflet 2.0-dev | 進行中のバージョン。main ブランチで開発中。 |
メインバージョンには互換性のない変更が含まれることがあるので、アップグレードする場合は必ず履歴を注意深くお読みください。
リーフレットのホストバージョンを使用する
最新の安定版リーフレットは、多くの CDN でご利用いただけます。すぐに使用を開始するには、HTML コードの head
に次のコードを配置します
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" crossorigin="" />
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" crossorigin=""></script>
CDN からリーフレットを使用する場合、セキュリティのため integrity
ハッシュ が含まれていることに注意してください。
リーフレットは、次の無料 CDN で利用できます: unpkg, cdnjs, jsDelivr。
免責事項: これらのサービスはリーフレットの外部にあります。ご質問やサポートについては、直接ご連絡ください。
リーフレットのダウンロードバージョンを使用する
上記のリンクからダウンロードしたアーカイブ内には、次の 4 つのファイルがあります。
leaflet.js
- これが最小化されたリーフレット JavaScript コードです。leaflet-src.js
- 読みやすい、最小化されていないリーフレット JavaScript で、デバッグに役立つ場合があります。 (integrity=”sha256-tPonvXioSHRQt1+4ztWR5mz/1KG1X3yHNzVXprP2gLo= ”)leaflet.css
- これがリーフレットのスタイルシートです。images
- これは、leaflet.css
により参照される画像を含むフォルダーです。これとleaflet.css
は同じディレクトリ内に存在する必要があります。
ダウンロードしたアーカイブを Web サイトのディレクトリに解凍し、HTML コードの head
に次のコードを追加します
<link rel="stylesheet" href="/path/to/leaflet.css" />
<script src="/path/to/leaflet.js"></script>
JavaScript パッケージマネージャーを使用する
npm
パッケージマネージャー を使用する場合は、次を実行することでリーフレットのローカルコピーを取得できます。
npm install leaflet
リーフレットのリリースファイルは、node_modules/leaflet/dist
に保存されます。
リーフレットのソースコード
上記のダウンロードパッケージにはライブラリのみが含まれます。ユニットテスト、デバッグ用ファイル、ビルドスクリプトなどを含む完全なソースコードをダウンロードする場合は、ダウンロードできます。 GitHub レポジトリ。
ソースからリーフレットをビルドする
リーフレットのビルドシステムは、簡単にインストールでき、すべての主要なプラットフォームでうまく機能する Node.js プラットフォームによって強化されています。設定方法は次のとおりです。
- Node をダウンロードしてインストールする
- コマンドラインで次のコマンドを実行する
npm install
すべてがインストールされたら、リーフレットディレクトリ内で npm run build
を実行します。これにより、リーフレットのソースファイルが結合され、圧縮され、ビルドが dist
フォルダーに保存されます。