State of Open Source Web Mapping Libraries

MapLibre Meetup Japan #03 @Tokyo 発表資料
https://mug-jp.connpass.com/event/330681

Transcript

1. State of Open Source Web Mapping Libraries 2024.11.08 - MapLibre Meetup Japan #03 @Tokyo Yasunori Kirimoto
2. 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
3. 01　Webマップライブラリとは 02　OSSマップライブラリの紹介 03　まとめ
4. Webマップライブラリ とは 0
5. 位置情報データ 位置情報にはさまざまなデータが あります ラスタデータ: 画像 (GeoTIFF ・ JPEG ・ PNG…) ベクトルデータ: オブジェクト (ポイント・ ライン ・ ポリゴン…) ラスタ ポリゴン ライン ポイント
6. Webマップライブラリ ブラウザ上でさまざまな位置情報 データや地図を表示・操作できる JavaScript/TypeScriptライブラ リ。位置情報を活用したWebアプ リケーションを効率的に開発でき ます
7. マップライブラリとマップサービスの関係 Amazon Location Service ・AWSの環境下で位置情報アプリ ケーションを構築可能 ・あくまでAPI機能のためマップラ イブラリは自由に選択できる Google Maps Platform ・Google Cloudの環境下で位置情 報アプリケーションを構築可能 ・マップライブラリはSDKとして 内包されている
8. マップライブラリのライセンスについて OpenLayers MapKit Google Maps Platform オープンソース etc… etc…
9. 記事を書いたり ✍ プラグインを作ったり 🗺 etc…
10. dayjournal.booth.pm ５年くらい前に技術書典で本をだしたりもしました 📖 Leaflet v1.3.4 ⁉・Mapbox GL JS v0.50.0 ⁉
11. オープンソース マップライブラリの紹介 02
12. MapLibre GL JS WebGLを使用してベクトルタイル を高速に描画するオープンソース のマップライブラリ。Mapbox GL JSのオープンソースフォークとし て開発され、インタラクティブな 地図表示が可能 ・ GitHub 6,600 Star ・ npm 348,141 WKLY DL ・ Contributors 519 ・ Latest v4.7.1
13. maplibregljs-starter ・MapLibre GL JSのスターターを 公開しています
14. Leaflet 軽量でシンプルなオープンソース のマップライブラリで、シンプル なAPIによりタイルレイヤーやマー カー表示などの基本的なマッピン グ機能が利用できます。豊富なプ ラグインも特徴 ・ GitHub 41,300 Star ・ npm 1,113,354 WKLY DL ・ Contributors 819 ・ Latest v1.9.4
15. leaflet-starter ・Leafletのスターターを公開して います
16. OpenLayers 高度な地図機能を持つオープン ソースのマップライブラリ。ベク トルタイルや多様な投影法のサ ポートなど、GISに特化した機能を 提供。近年はWebGL対応もされて きている OpenLayers ・ GitHub 11,400 Star ・ npm 251,229 WKLY DL ・ Contributors 376 ・ Latest v10.2.1
17. openlayers-starter ・OpenLayersのスターターを公開 しています
18. deck.gl WebGLを活用した大規模データの 可視化ライブラリ。地図上での高 度なデータ視覚化が可能で、 MapLibre GL JSなどと組み合わせ て使用されることが多い ・ GitHub 12,200 Star ・ npm 138,086 WKLY DL ・ Contributors 251 ・ Latest v9.0.34
19. deckgl-starter ・deck.glのスターターを公開して います
20. CesiumJS WebGLを活用してブラウザ上で3D 地球儀や地図を表示・操作できる オープンソースのマップライブラ リ。3D都市モデルの表示や時系列 データのアニメーション等も可能 ・ GitHub 12,900 Star ・ npm 53,451 WKLY DL ・ Contributors 335 ・ Latest v1.123.0
21. cesium-starter ・CesiumJSのスターターを公開し ています
22. iTowns フランスの国立機関が開発した WebGLを使用した3D地図表示ライ ブラリ。地図や地形データの3次元 可視化に特化しており、ベクトル タイルにも対応している ・ GitHub 1,100 Star ・ npm 1,257 WKLY DL ・ Contributors 47 ・ Latest v2.44.2
23. itowns-starter ・iTownsのスターターを公開して います
24. まとめ 03
25. 地理院タイル • GitHub Star • npm WKLY DL • Contributors
26. 地理院タイル • 大量なデータ • ベクトルタイル • 投影法対応 • 3D表現 • 多機能 • 手軽さ • データ可視化 OpenLayers OpenLayers
27. 地理院タイル • 初級者向け • 中級者向け • 上級者向け OpenLayers
28. 地理院タイル 個人的には　 　　　　　　　　がおすすめです！ 🗺
29. 位置情報技術はニッチで奥深い 🗺 この沼に一緒にハマっていきましょう！
30. 地理院タイル Thank you!! Yasunori Kirimoto dayjournal.dev