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
320
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
State of Amazon Location Service
dayjournal
0
220
AWS re:Invent 2023 現地での体験
dayjournal
1
720
英語が苦手でも世界にアウトプットしている話
dayjournal
3
1.5k
FOSS4GとAmazon Location Serviceの親和性
dayjournal
0
640
MIERUNEの組織とカルチャー
dayjournal
0
220
AWSにおける地理空間情報活用
dayjournal
0
550
FOSS4Gカルチャーとクラウド
dayjournal
0
520
Introduction to Amazon Location Service
dayjournal
0
490
AWSではじめる位置情報アプリケーション
dayjournal
1
1.2k
Other Decks in Technology
See All in Technology
Luupの開発組織におけるインシデントマネジメントの変遷 ver.RoadtoSRENEXT2024
grimoh
1
270
運用改善、不都合な真実 / 20240722-ssmjp-kaizen
opelab
17
8.4k
累計ダウンロード数1億8000万を超えるアプリケーションプラットフォームのレガシーシステム脱却とモダン化への道
kmitsuhashi
0
120
セキュリティ研修 Day1【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
160
GoとアクターモデルでES+CQRSを実践! / proto_actor_es_cqrs
ytake
1
160
データ分析を支える技術 生成AI再入門
ishikawa_satoru
0
380
Matterport を使ってクラスメソッド各拠点のバーチャルオフィスツアーを作成してみた
wakatsuki
0
160
LINE WORKSへ簡単通知!Incoming Webhookアプリの紹介
mmclsntr
0
110
頼られるのが大好きな 皆さんへ - 支援相手との期待の合わせ方、突き放し方 -/For_people_who_like_to_be_relied_on
naitosatoshi
1
290
DevIO2024_レガシー運用からの脱却 -クラウド活用の実践事例とベストプラクティス-
jun2882
0
210
AWSでRAGを作る法方
sonoda_mj
1
140
開発と事業を繋ぐ!SREのオブザーバビリティ戦略 ~ Developers Summit 2024 Summer ~
leveragestech
0
640
Featured
See All Featured
How GitHub Uses GitHub to Build GitHub
holman
471
290k
Mobile First: as difficult as doing things right
swwweet
219
8.8k
Web Components: a chance to create the future
zenorocha
307
41k
Designing Experiences People Love
moore
136
23k
Product Roadmaps are Hard
iamctodd
PRO
48
10k
How STYLIGHT went responsive
nonsquared
93
5k
BBQ
matthewcrist
82
9k
Designing with Data
zakiwarfel
96
5k
Typedesign – Prime Four
hannesfritz
37
2.2k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
228
16k
10 Git Anti Patterns You Should be Aware of
lemiorhan
652
58k
Raft: Consensus for Rubyists
vanstee
134
6.5k
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は 相性抜群! 地理院タイル