0
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Amazon Location Service (Preview)で地図を表示する

Last updated at Posted at 2020-12-28

re:Invent 2020で発表され、現在プレビューのAmazon Location Serviceを試してみました。
プレビュー段階ながら東京リージョンで利用できるのは有り難いですね。

マップリソースを作成する

コンソールへログイン後、Amazon Locationのページへ遷移し、左メニューのManage ResourcesMapsをクリック
続いてCreate mapをクリック
location0.png

Nameに任意の名前を入力し、Mapsセクションにてマップタイプというかスタイルを選択、Create mapボタンをクリック
location1.png
location1-2.png

作成が完了するとARNが表示される。この後使うのでメモしておく。
location2.png

IDプールの作成

IDプールの管理から新しいIDプールの作成を行う。
idpool0.png
ここで認証されていないIDに対してアクセスを有効にするにチェックを入れてプールの作成ボタンをクリック。
idpool1.png
詳細を表示すると2つのロールの概要があるが、下の方がunauthenticated identitiesのものなので、こちらのポリシードキュメントに以下を追記する。

※Resourceの<region><account ID>は任意の値に置き換えてください。

{
  "Version": "2012-10-17",
  "Statement": [
    {
      "Sid": "MapsReadOnly",
      "Effect": "Allow",
      "Action": [
        "geo:GetMapStyleDescriptor",
        "geo:GetMapGlyphs",
        "geo:GetMapSprites",
        "geo:GetMapTile"
      ],
      "Resource": "arn:aws:geo:<region>:<account ID>:map/ExampleMap"
    }
  ]
}

idpool2.png

地図の表示

ドキュメントによると

  • AWS SDK
  • Mapbox GL JS
  • Mapbox Maps SDK
  • Tangram
  • Tangram ES
    による使用方法が案内されている。

iOSやAndroidのネイティブアプリに組み込む場合にはAWS SDKまたはMapbox Maps SDKを使うことになりそう。
今回はブラウザで見れれば良いのでMapbox GL JS(とReact)を使って表示してみました。

サンプルイメージ.png

感想

  • MapboxやGoogleMapsと比較すると地図を表示させるまでの準備に若干手間がかかる印象
  • 地図の注記にアルファベット表記が散見されるので国内向けとして使うにはちょっと気が引ける
  • 建物などはよく整備されているデータを使っている(OpenStreetMapのようにスカスカではない)

期待したいこと

  • 注記を日本向けにしてほしい
    • 注記の密度が低い
    • 日本語で表示してほしい

今後試したいこと

  • ジオコーディング
  • ルーティング

デモ

サンプルソース

サンプルのソースコードはこちら
https://github.com/chaki1019/aws-location-service-app

参考

0
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?