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
560
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
400
FOSS4Gで実現するQGIS版Amazon Location Service Plugin
dayjournal
0
970
AWS Heroes Map 秘伝のレシピ
dayjournal
2
290
State of Amazon Location Service
dayjournal
0
360
State of Amazon Location Service
dayjournal
1
640
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
930
Other Decks in Technology
See All in Technology
夏休みWebアプリパフォーマンス相談室/web-app-performance-on-radio
hachi_eiji
1
290
ZOZOTOWNフロントエンドにおけるディレクトリの分割戦略
zozotech
PRO
3
300
ABEMAにおける 生成AI活用の現在地 / The Current Status of Generative AI at ABEMA
dekatotoro
0
590
生成AIによるソフトウェア開発の収束地点 - Hack Fes 2025
vaaaaanquish
35
16k
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
8.5k
Oracle Base Database Service:サービス概要のご紹介
oracle4engineer
PRO
2
20k
Goでマークダウンの独自記法を実装する
lag129
0
160
Infrastructure as Prompt実装記 〜Bedrock AgentCoreで作る自然言語インフラエージェント〜
yusukeshimizu
2
170
歴代のWeb Speed Hackathonの出題から考えるデグレしないパフォーマンス改善
shuta13
6
570
広島発!スタートアップ開発の裏側
tsankyo
0
170
[OCI Technical Deep Dive] OracleのAI戦略(2025年8月5日開催)
oracle4engineer
PRO
1
260
datadog-distribution-of-opentelemetry-collector-intro
tetsuya28
0
220
Featured
See All Featured
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
The Pragmatic Product Professional
lauravandoore
36
6.8k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
131
19k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
What's in a price? How to price your products and services
michaelherold
246
12k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
It's Worth the Effort
3n
187
28k
Art, The Web, and Tiny UX
lynnandtonic
302
21k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Practical Orchestrator
shlominoach
190
11k
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