Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
State of Open Source Web Mapping Libraries
Search
Yasunori Kirimoto
November 08, 2024
Technology
0
580
State of Open Source Web Mapping Libraries
MapLibre Meetup Japan #03 @Tokyo 発表資料
https://mug-jp.connpass.com/event/330681
Yasunori Kirimoto
November 08, 2024
Tweet
Share
More Decks by Yasunori Kirimoto
See All by Yasunori Kirimoto
Geospatialの世界最前線を探る [2025年版]
dayjournal
3
450
強化されたAmazon Location Serviceによる新機能と開発者体験
dayjournal
4
450
FOSS4Gで実現するQGIS版Amazon Location Service Plugin
dayjournal
0
1.1k
AWS Heroes Map 秘伝のレシピ
dayjournal
2
300
State of Amazon Location Service
dayjournal
0
370
State of Amazon Location Service
dayjournal
1
650
MapLibreとAmazon Location Service
dayjournal
1
750
AWS re:Invent 2023 現地での体験
dayjournal
1
1.1k
英語が苦手でも世界にアウトプットしている話
dayjournal
3
1.9k
Other Decks in Technology
See All in Technology
VCC 2025 Write-up
bata_24
0
150
GA technologiesでのAI-Readyの取り組み@DataOps Night
yuto16
0
250
研究開発部メンバーの働き⽅ / Sansan R&D Profile
sansan33
PRO
3
20k
PLaMo2シリーズのvLLM実装 / PFN LLM セミナー
pfn
PRO
2
870
KMP の Swift export
kokihirokawa
0
230
インサイト情報からどこまで自動化できるか試してみた
takas0522
0
130
Function calling機能をPLaMo2に実装するには / PFN LLMセミナー
pfn
PRO
0
780
From Prompt to Product @ How to Web 2025, Bucharest, Romania
janwerner
0
110
Azure Well-Architected Framework入門
tomokusaba
0
130
後進育成のしくじり〜任せるスキルとリーダーシップの両立〜
matsu0228
1
810
自作LLM Native GORM Pluginで実現する AI Agentバックテスト基盤構築
po3rin
2
220
Flaky Testへの現実解をGoのプロポーザルから考える | Go Conference 2025
upamune
1
340
Featured
See All Featured
Thoughts on Productivity
jonyablonski
70
4.8k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
GraphQLの誤解/rethinking-graphql
sonatard
72
11k
Automating Front-end Workflow
addyosmani
1371
200k
It's Worth the Effort
3n
187
28k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6.1k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Done Done
chrislema
185
16k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Fireside Chat
paigeccino
40
3.7k
We Have a Design System, Now What?
morganepeng
53
7.8k
Transcript
State of Open Source Web Mapping Libraries 2024.11.08 - MapLibre
Meetup Japan #03 @Tokyo Yasunori Kirimoto
Yasunori Kirimoto AWS DevTools Hero MapLibre Voting Member OSGeo Charter
Member Owner of dayjournal MapLibre User Group Japan Amplify Japan User Group Notion Sapporo dayjournal dayjournal_nori Co-Founder and COO of MIERUNE
01 Webマップライブラリとは 02 OSSマップライブラリの紹介 03 まとめ
Webマップライブラリ とは 0
位置情報データ 位置情報にはさまざまなデータが あります ラスタデータ: 画像 (GeoTIFF ・ JPEG ・ PNG…)
ベクトルデータ: オブジェクト (ポイント・ ライン ・ ポリゴン…) ラスタ ポリゴン ライン ポイント
Webマップライブラリ ブラウザ上でさまざまな位置情報 データや地図を表示・操作できる JavaScript/TypeScriptライブラ リ。位置情報を活用したWebアプ リケーションを効率的に開発でき ます
マップライブラリとマップサービスの関係 Amazon Location Service ・AWSの環境下で位置情報アプリ ケーションを構築可能 ・あくまでAPI機能のためマップラ イブラリは自由に選択できる Google Maps
Platform ・Google Cloudの環境下で位置情 報アプリケーションを構築可能 ・マップライブラリはSDKとして 内包されている
マップライブラリのライセンスについて OpenLayers MapKit Google Maps Platform オープンソース etc… etc…
記事を書いたり ✍ プラグインを作ったり 🗺 etc…
dayjournal.booth.pm 5年くらい前に技術書典で本をだしたりもしました 📖 Leaflet v1.3.4 ⁉・Mapbox GL JS v0.50.0 ⁉
オープンソース マップライブラリの紹介 02
MapLibre GL JS WebGLを使用してベクトルタイル を高速に描画するオープンソース のマップライブラリ。Mapbox GL JSのオープンソースフォークとし て開発され、インタラクティブな 地図表示が可能
・ GitHub 6,600 Star ・ npm 348,141 WKLY DL ・ Contributors 519 ・ Latest v4.7.1
maplibregljs-starter ・MapLibre GL JSのスターターを 公開しています
Leaflet 軽量でシンプルなオープンソース のマップライブラリで、シンプル なAPIによりタイルレイヤーやマー カー表示などの基本的なマッピン グ機能が利用できます。豊富なプ ラグインも特徴 ・ GitHub 41,300
Star ・ npm 1,113,354 WKLY DL ・ Contributors 819 ・ Latest v1.9.4
leaflet-starter ・Leafletのスターターを公開して います
OpenLayers 高度な地図機能を持つオープン ソースのマップライブラリ。ベク トルタイルや多様な投影法のサ ポートなど、GISに特化した機能を 提供。近年はWebGL対応もされて きている OpenLayers ・ GitHub
11,400 Star ・ npm 251,229 WKLY DL ・ Contributors 376 ・ Latest v10.2.1
openlayers-starter ・OpenLayersのスターターを公開 しています
deck.gl WebGLを活用した大規模データの 可視化ライブラリ。地図上での高 度なデータ視覚化が可能で、 MapLibre GL JSなどと組み合わせ て使用されることが多い ・ GitHub
12,200 Star ・ npm 138,086 WKLY DL ・ Contributors 251 ・ Latest v9.0.34
deckgl-starter ・deck.glのスターターを公開して います
CesiumJS WebGLを活用してブラウザ上で3D 地球儀や地図を表示・操作できる オープンソースのマップライブラ リ。3D都市モデルの表示や時系列 データのアニメーション等も可能 ・ GitHub 12,900 Star
・ npm 53,451 WKLY DL ・ Contributors 335 ・ Latest v1.123.0
cesium-starter ・CesiumJSのスターターを公開し ています
iTowns フランスの国立機関が開発した WebGLを使用した3D地図表示ライ ブラリ。地図や地形データの3次元 可視化に特化しており、ベクトル タイルにも対応している ・ GitHub 1,100 Star
・ npm 1,257 WKLY DL ・ Contributors 47 ・ Latest v2.44.2
itowns-starter ・iTownsのスターターを公開して います
まとめ 03
地理院タイル • GitHub Star • npm WKLY DL • Contributors
地理院タイル • 大量なデータ • ベクトルタイル • 投影法対応 • 3D表現 •
多機能 • 手軽さ • データ可視化 OpenLayers OpenLayers
地理院タイル • 初級者向け • 中級者向け • 上級者向け OpenLayers
地理院タイル 個人的には がおすすめです! 🗺
位置情報技術はニッチで奥深い 🗺 この沼に一緒にハマっていきましょう!
地理院タイル Thank you!! Yasunori Kirimoto dayjournal.dev