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
MapLibreとAmazon Location Service
Search
Yasunori Kirimoto
April 22, 2024
Technology
1
590
MapLibreとAmazon Location Service
MapLibre Meetup Japan #02 発表資料
https://mug-jp.connpass.com/event/315110
Yasunori Kirimoto
April 22, 2024
Tweet
Share
More Decks by Yasunori Kirimoto
See All by Yasunori Kirimoto
FOSS4Gで実現するQGIS版Amazon Location Service Plugin
dayjournal
0
93
State of Open Source Web Mapping Libraries
dayjournal
0
430
AWS Heroes Map 秘伝のレシピ
dayjournal
2
220
State of Amazon Location Service
dayjournal
0
280
State of Amazon Location Service
dayjournal
1
490
AWS re:Invent 2023 現地での体験
dayjournal
1
960
英語が苦手でも世界にアウトプットしている話
dayjournal
3
1.8k
FOSS4GとAmazon Location Serviceの親和性
dayjournal
0
810
MIERUNEの組織とカルチャー
dayjournal
0
310
Other Decks in Technology
See All in Technology
ホワイトボードチャレンジ 説明&実行資料
ichimichi
0
130
Developers Summit 2025 浅野卓也(13-B-7 LegalOn Technologies)
legalontechnologies
PRO
1
1.4k
ディスプレイ広告(Yahoo!広告・LINE広告)におけるバックエンド開発
lycorptech_jp
PRO
0
120
【詳説】コンテンツ配信 システムの複数機能 基盤への拡張
hatena
0
140
EDRの検知の仕組みと検知回避について
chayakonanaika
7
2.6k
Cloud Spanner 導入で実現した快適な開発と運用について
colopl
1
930
AIエージェント元年
shukob
0
130
Two Blades, One Journey: Engineering While Managing
ohbarye
1
190
エンジニアリング価値を黒字化する バリューベース戦略を用いた 技術戦略策定の道のり
kzkmaeda
3
460
なぜ私は自分が使わないサービスを作るのか? / Why would I create a service that I would not use?
aiandrox
0
890
ソフトウェアエンジニアと仕事するときに知っておいたほうが良いこと / Key points for working with software engineers
pinkumohikan
1
130
AndroidXR 開発ツールごとの できることできないこと
donabe3
0
140
Featured
See All Featured
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.4k
Rebuilding a faster, lazier Slack
samanthasiow
80
8.8k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
21
2.5k
Product Roadmaps are Hard
iamctodd
PRO
50
11k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
46
2.3k
Building a Scalable Design System with Sketch
lauravandoore
461
33k
Testing 201, or: Great Expectations
jmmastey
42
7.2k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
250
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
175
52k
Optimising Largest Contentful Paint
csswizardry
34
3.1k
Docker and Python
trallard
44
3.3k
Transcript
MapLibreとAmazon Location Service 2024.04.22 - MapLibre Meetup Japan #02 Yasunori
Kirimoto Maptiles by MIERUNE, under CC BY. Data by OpenStreetMap contributors, under ODbL.
自己紹介
Yasunori Kirimoto AWS DevTools Hero MapLibre Voting Member OSGeo Charter
Member Co-Founder and COO of MIERUNE MapLibre User Group Japan Amplify Japan User Group Notion Sapporo dayjournal dayjournal_nori Owner of dayjournal
目次
01 MapLibreとは 02 Amazon Location Serviceとは 03 組み合わせ方法 04 まとめ
MapLibreとは 01
MapLibre ・Web地図に関するプロダクトを OSSとして開発やメンテナンスを しているOrganization ・ブラウザやモバイル向けの地図 ライブラリおよび地図配信に関す るツール群を提供 ・今回はMapLibre GL JSを利用
マップアプリケーションを開発していて 背景地図を利用するには? 🤔 住所検索を利用するには? 🤔 ルート検索を利用するには? 🤔 地理院タイル
Amazon Location Serviceがあります!🗺
Amazon Location Serviceとは 02
Amazon Location Service ・AWSの環境下で位置情報アプリ ケーションを構築可能 ・マップ、ジオコーディング、 ルーティング、ジオフェンス、ト ラッキング等の機能 ・料金がリーズナブル
公式demo - location.aws.com/demo
料金の例
最近のアップデート ・APIキーの対応でFOSS4Gと相性が良い 🎉 ・Amazon Location SDKの公開で開発が手軽に 🎉 ・AWS CDKやAWS CloudFormationのサポートが拡大
🎉
Monthly Updates ・Amazon Location Serviceのアッ プデートまとめ配信 (非公式) ・始めてから3年目
AWS Japan公式Webマガジン - builders.flash
組み合わせ方法 03
AWS CDKとAWS CloudFormationでAmazon Location Serviceのリソースを構築する
構成イメージ
事前準備 ・まずはAWSのアカウントを作りましょう!
リソースを構築 ・リソースの作成方法を選択 ・マネジメントコンソール → GUIで操作 ・AWS CDK → TypeScript等のコードでインフラを管理 ・AWS
CloudFormation → YAMLやJSONでインフラを管理
AWS CDKの例 ・aws-cdk-templates-showcaseで プロジェクトを公開 ・Amazon Location Serviceのリ ソースを手軽に構築可能
リソースの確認 ・マップ、ジオコーディング、 ルーティング、API キーの設定を 確認 ・マップ名、ジオコーディング名 ・ルーティング名、リージョン 名、APIキーをコピー
アプリケーションを構築 ・スターターを利用 ・Amazon Location SDKを利用 ・コードを書く
スターター ・maplibregljs-amazon-location- service-starterを利用 ・MapLibre GL JSとAmazon Location Serviceの環境構築済のス ターター
Amazon Location SDK ・API認証やMapLibreとの組み合 わせをサポート ・以前はすべて手動で構築 or Amplify Geo ・現在はAmazon
Location SDK or Amplify Geo ・Gen2の登場でAmplify Geoは...
コード - package.json ・client-location : Amazon Location Service を操作 ・amazon-location-utilities-auth-
helper : APIキーとAmazon Cognitoの認証 ・amazon-location-utilities-data types : レスポンスを GeoJSON 形式に変 換
コード - .env ・マップ名、ジオコーディング名 ・ルーティング名、リージョン 名、APIキーを入力 ・外部公開時はAPI キーのリファ ラー設定が必要
コード - main.ts ・APIキーの認証設定 ・指定位置からリバースジオコー ディング ・ジオコーディングのレスポンス をGeoJSONに変換
コード - main.ts ・指定位置でルート検索 ・ルーティングのレスポンスを GeoJSONに変換 ・マップを設定
コード - main.ts ・ジオコーディング結果のスタイ ル設定 ・ジオコーディング結果の情報表 示
コード - main.ts ・ルーティング結果のスタイル設 定 ・ルーティング結果の情報表示
まとめ 04
MapLibreとAmazon Location Serviceは 相性抜群! 地理院タイル