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
570
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
強化されたAmazon Location Serviceによる新機能と開発者体験
dayjournal
4
410
FOSS4Gで実現するQGIS版Amazon Location Service Plugin
dayjournal
0
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
740
AWS re:Invent 2023 現地での体験
dayjournal
1
1.1k
英語が苦手でも世界にアウトプットしている話
dayjournal
3
1.9k
FOSS4GとAmazon Location Serviceの親和性
dayjournal
0
940
Other Decks in Technology
See All in Technology
ヘブンバーンズレッドのレンダリングパイプライン刷新
gree_tech
PRO
0
350
Microsoft Fabric のネットワーク保護のアップデートについて
ryomaru0825
1
120
Yahoo!ニュースにおけるソフトウェア開発
lycorptech_jp
PRO
0
590
Jaws-ug名古屋_LT資料_20250829
azoo2024
3
190
Lessons from CVE-2025-22869: Memory Debugging and OSS Vulnerability Reporting
vvatanabe
2
110
AI時代に非連続な成長を実現するエンジニアリング戦略
sansantech
PRO
3
830
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
8.6k
攻撃と防御で実践するプロダクトセキュリティ演習~導入パート~
recruitengineers
PRO
3
1.6k
役割は変わっても、変わらないもの 〜スクラムマスターからEMへの転身で学んだ信頼構築の本質〜 / How to build trust
shinop
0
140
VPC Latticeのサービスエンドポイント機能を使用した複数VPCアクセス
duelist2020jp
0
340
ドキュメントはAIの味方!スタートアップのアジャイルを加速するADR
kawauso
3
470
カミナシ社の『ID管理基盤』製品内製 - その意思決定背景と2年間の進化 #AWSUnicornDay / Kaminashi ID - The Big Whys
kaminashi
3
640
Featured
See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Faster Mobile Websites
deanohume
309
31k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
How to Think Like a Performance Engineer
csswizardry
26
1.8k
Practical Orchestrator
shlominoach
190
11k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.9k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
6.1k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Docker and Python
trallard
45
3.5k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
Java REST API Framework Comparison - PWX 2021
mraible
33
8.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