リーフレット leaflet
Leaflet
出典: フリー百科事典『ウィキペディア（Wikipedia）』 (2025/11/08 16:59 UTC 版)
| |
|
| 作者 | Volodymyr Agafonkin |
|---|---|
| 初版 | 2011年5月 |
| 最新版 |
1.9.4 / 2023年5月18日
|
| 最新評価版 |
2.0.0-alpha.1 / 2025年8月16日
|
| リポジトリ | github |
| プログラミング 言語 |
JavaScript |
| 対応OS | クロスプラットフォーム（Web） |
| サポート状況 | 開発継続中 |
| 種別 | JavaScriptライブラリ |
| ライセンス | BSD-2-Clause[1] |
| 公式サイト | leafletjs |
Leafletは、インタラクティブ地図のためのオープンソースJavaScriptライブラリである[2]。GeoJSONなどの地理データを読み込み・スタイル付けし、タイルベースのWeb地図やインタラクティブなレイヤー（クリック時にポップアップを表示するマーカー等）を容易に扱える。
Leafletは2011年に初公開され[3]、軽量なコアと豊富なプラグインで機能拡張できる[4]。著名な採用例として、Foursquare、Pinterest、Flickr、米国地質調査所（USGS）などが挙げられている[5]。
開発者はVolodymyr（Vladimir） Agafonkinで、2013年にMapboxへ参加した[6]。
使用例
Leafletの典型的な使い方としては、spanやdivなどのHTML要素にLeafletの"map"オブジェクトをバインドする。 そしてそのmapオブジェクトにレイヤーやマーカーを追加する。
// "map" divに地図を作成し、指定した場所とズームで表示する
var map = L.map('map').setView([51.505, -0.09], 13);
// OpenStreetMapタイルレイヤーを追加する
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);
変数Lを使ってLeafletライブラリそのものにアクセスできる。
機能
Leafletは基本機能としてWMS（Web Map Service）レイヤー、GeoJSONレイヤー、ベクターグラフィックスレイヤー、タイルレイヤーに対応している。 プラグインを使うとそれ以外にも多くのレイヤーに対応できる。
Leafletの基本的な表示モデルは、他のWeb地図ライブラリと同様に、1個のベースマップとその上に表示される0個以上の半透明のオーバーレイ、0個以上のベクターオブジェクトからなる。
構成要素
Leafletの主なオブジェクトのタイプは次の通りである: [7]
- ラスタータイプ (TileLayer と ImageOverlay)
- ベクタータイプ (Path, Polygon, Circle)
- グループタイプ (LayerGroup, FeatureGroup, GeoJSON)
- コントロール (Zoom, Layers, など)
他に様々なユーティリティクラスが存在する（地図投影のためのインターフェイスクラス、変形、DOMの操作など）。
GISフォーマットへの対応状況
Leafletは少数のGIS標準フォーマットに対応しており、それ以外への対応はプラグインによって実現されている。
| 標準 | 対応状況 |
|---|---|
| GeoJSON | 良好。geoJson 関数により標準でサポートされている。 |
| KML, CSV, WKT, TopoJSON, GPX | Leaflet-Omnivore プラグインによりサポートされている。[8] |
| WMS | TileLayer.WMSにより標準でサポートされている[9] |
| WFS | 未対応。ただしサードパーティによるプラグインは存在する[10]。 |
| GML | 未対応。[11] |
ブラウザ対応状況
Leaflet 1.3.4(2018年現在)はデスクトップでChrome, Firefox, Safari 5+, Opera 12+, IE 7-11、モバイルにおいてSafari for iOS 7+、Android browser 2.2+, 3.1+, 4+、Chrome for mobile、Firefox for mobile、IE10+ for Win8 devicesをサポートしている。
他の地図ライブラリとの比較
LeafletとOpenLayersはどちらもオープンソースでクライアントサイドのみのJavaScriptライブラリであるため、直接に比較できる。 Leafletの方がはるかに小さく、2015年の時点でLeafletのソースコードは7,000行、OpenLayersは230,000行である[12]。 ライブラリのファイルサイズもLeafletの方が小さい。 Leafletの方がコードベースが新しく、JavaScriptの最新の機能とHTML5、CSS3を利用している。しかし機能面ではOpenLayersにありLeafletにないものがある。 WFS（Web Feature Service）やEPSG 3785以外の投影法へのネイティブサポートなどである。
LeafletはプロプライエタリでクローズドソースのGoogle Maps APIやBing Maps APIとも比較できる。 Google Maps APIは高速、シンプル、柔軟性に富むが、Google Mapsサービスにアクセスするためにしか使えない。ただしGoogleのAPIのDataLayerを使うと外部データソースを表示できる [13]。
歴史
Leafletは2010年、当時Agafonkinが働いていた地図プロバイダCloudMadeのためのWeb地図API JavaScriptライブラリとして生まれた。 2011年5月、CloudMadeはLeafletの最初のリリースを発表した。それは改めて作り直されたものだったが、古いAPIコードの一部を流用したものだった[14]。
- 0.1: 2011年5月17日
- 0.2: 2011年6月18日
- 0.3: 2012年2月14日
- 0.4: 2012年7月30日
- 0.5: 2013年1月17日
このリリースはRetina対応と多くのユーザビリティ、ユーザエクスペリエンスの改善を含んでいた [15]。
- 0.6: 2013年6月26日
このリリースはAPIのメソッドとイベントの範囲を拡大し、GeoJSONの保存機能を追加した。これはMapboxの援助による2日間のコードスプリントで完成した [16]。
- 0.7: 2013年11月22日
このリリースはバグ修正にフォーカスし、リファクタリングと後方非互換性の可能性がまもなく来ることを公表した[17]。
- 1.0: Sep 27, 2016
このリリースは、v0.7.7 と比較し 400 を超える変更があった[18]。主な改善点は:
- ライブラリ全般、特にベクターレイヤーのパフォーマンスの改善。
- 鳥瞰アニメーション（カーブ状のズームとパン）。
- 分数ズームレベルのサポート。
- タイルロードのアルゴリズムの改善。点滅を減らした。
- カスタム区画（pane）管理。複数のベクターレイヤー区画、差し込みベクターやタイルレイヤーを含む。
- 標準でない投影法のサポートの改善。
- アクセシビリティ機能の追加。
- ドキュメントの改善。
- 安定性の改善。
参考文献
- ^ “License - Leaflet”. GitHub. Leaflet. 2025年11月8日閲覧。
- ^ “Leaflet - a JavaScript library for interactive maps”. leafletjs.com. 2025年11月8日閲覧。
- ^ “Leaflet - a JavaScript library for interactive maps”. leafletjs.com. 2025年11月8日閲覧。
- ^ “Leaflet Plugins”. leafletjs.com. 2025年11月8日閲覧。
- ^ “Trusted by the best”. leafletjs.com. 2025年11月8日閲覧。
- ^ “Leaflet 0.7 Release, MapBox and Plans for Future”. leafletjs.com (2013年11月18日). 2025年11月8日閲覧。
- ^ “Leaflet API”. 2014年8月6日閲覧。
- ^ https://github.com/mapbox/leaflet-omnivore
- ^ “Leaflet documentation”. 2014年8月6日閲覧。
- ^ https://github.com/Georepublic/leaflet-wfs
- ^ https://github.com/Leaflet/Leaflet/issues/547
- ^ “OpenHub.net comparison between OpenLayers and Leaflet”. OpenHub.net. 2014年8月8日時点のオリジナルよりアーカイブ。2015年4月18日閲覧。
- ^ “Data Layer - Google Maps Javascript API - Google Developers”. 2014年8月6日閲覧。
- ^ “Announcing Leaflet: a Modern Open Source JavaScript Library for Interactive Maps”. CloudMade (2011年5月13日). 2014年8月7日閲覧。
- ^ “Leaflet 0.5 released”. 2014年8月6日閲覧。
- ^ “Leaflet 0.6 Released, Code Sprint in DC with MapBox”. 2014年8月6日閲覧。
- ^ “Leaflet 0.7 Release, MapBox and Plans for Future”. 2014年8月6日閲覧。
- ^ “Meet Leaflet 1.0.”. 2018年2月4日閲覧。
外部リンク
|
オープンストリートマップ (OSM)
|
|||||||
|---|---|---|---|---|---|---|---|
| 関連人物・団体 |
|
|
|||||
| ソフトウェア |
|
||||||
| 関連プロジェクト |
|
||||||
| 派生プロジェクト |
|
||||||
リーフレット
(LEAFLET から転送)
出典: フリー百科事典『ウィキペディア（Wikipedia）』 (2026/03/18 18:50 UTC 版)
リーフレット（英: leaflet）は、宣伝・広告・案内・説明などのために、1枚の紙に刷られた印刷物である。
他にも若葉、 小さい葉、小葉（複葉の一片）という意味を持つ英語の単語である。
パンフレット、フライヤーとの呼び名の使い分け
リーフレットが一枚物の印刷物を指すのに対し、パンフレット (pamphlet) は、複数ページあり、かつ簡易的に綴じられた小冊子である。印刷物としての形態の違いによるもので、宣伝や案内などを目的とする用途は同じ。
フライヤー (flier, flyer) は、主に宣伝広告や告知を目的としたちらしやビラであり、リーフレットの一種だが、配布する手段や目的などの違いで呼び名の使い分けが見られる。A4サイズ以下の小さなものが多い。
言い換え
一般的にリーフレットの名称は認知度が高いとは言いがたく、 配布される段階では印刷物の形態を省略し、記載内容や目的そのままに「手引き」「お知らせ」「ご案内」などと呼ばれてしまうことや、言葉としても認知度が高いパンフレットに混同されるため、「折り畳みパンフレット」「ミニパンフレット」などの表現もある。ちらし、ビラなどへの言い換えもみられるが、紙質や形状、記載内容によっては適当でない場合がある。
紙質
主に案内やお知らせなどの用途では折り込みちらしに比べ、やや厚めのマット紙やコート紙を用いる。
折り方
2つ折りのほか、一面が内側に折り込まれる形の巻3つ折り（内3つ折り）やローマ字のZの形のように折り込んだZ折り（外3つ折り）、両端を内側に折り込み両開きさせる観音折りなどの折り加工を施す場合が多く、色々な用途に応じて使い分けることができる。
内容
折り込みちらしよりは高級感や存在感を持たせ、パンフレット（小冊子）より簡便なものとして、名称の認知度に反しリーフレットの需要は高い。
企業の要望を受け広告代理店、印刷会社などが主導して個人や会社組織のグラフィックデザイナーに制作を依頼することが多い。内容に特集記事など読み物としての要素を盛り込む場合には、編集の専門会社である編集プロダクションに依頼することもある。
関連項目
この項目は、広告に関連した書きかけの項目です。この項目を加筆・訂正などしてくださる協力者を求めています。 |
- LEAFLETのページへのリンク