Name:
interface
Value:
Amplify has re-imagined the way frontend developers build fullstack applications. Develop and deploy without the hassle.

Page updated Apr 30, 2024

Maintenance ModeYou are viewing Amplify Gen 1 documentation. Amplify Gen 1 has entered maintenance mode and will reach end of life on May 1, 2027. New project should use Amplify Gen 2. For existing Gen 1 projects, a migration guide and tooling are available to help you upgrade. Switch to the latest Gen 2 docs →

マップを設定する

Amplifyのgeoカテゴリを使用すると、アプリケーションで地理空間データを可視化するために使用されるマップリソースを作成および管理できます。

注: フィードバックや問題がある場合は、こちらでお問い合わせください

新しいマップを設定する

プロジェクトのルートフォルダから次のコマンドを実行して、新しいマップを追加できます:

amplify add geo
? Select which capability you want to add:
> Map (visualize the geospatial data)
Location search (search by places, addresses, coordinates)

まだauthカテゴリを設定していない場合、Amplify CLIがauthカテゴリを有効にするようにガイドします。 以下で説明するように、authカテゴリは、許可されたユーザーおよび/またはゲストユーザーがマップをレンダリングするための適切な権限を付与するために、アプリケーションで必要です。

次に、マップの名前を設定します:

? Provide a name for the Map:
> StreetsMap

マップアクセス権限

次に、マップリソースのアクセス権限を設定し、ユーザーがマップをレンダリングすることを認可します。 個々のユーザーの認証ステータスに基づいて権限のスコープを設定できます。

? Who can access this Map?
❯ Authorized users only
Authorized and Guest users

認証されたユーザーのみがマップをレンダリングできる場合は、Authorized users onlyを選択します。

認証されたユーザーと認証されていないユーザーの両方がマップをレンダリングできる場合は、Authorized and Guest usersを選択します。

詳細については、ロケーションサービスページへのリンクを参照してください。

マップ料金プラン

マップの料金プランはRequestBasedUsageに設定されます。 ロケーションサービス料金ロケーションサービス利用規約(セクション82.5)を確認することをお勧めします。

マップ料金プランをRequestBasedUsageに更新する

プロジェクトのメタデータファイルamplify/backend/amplify-meta.jsongeo/<mapID>/pricingPlan属性からマップの料金プランを確認できます。

"geo": {
"StreetsMap": {
"isDefault": true,
"providerPlugin": "awscloudformation",
"service": "Map",
"mapStyle": "VectorEsriStreets",
"pricingPlan": "MobileAssetManagement",
"accessType": "AuthorizedUsers"
}
}

amplify -vを使用してAmplify CLIバージョンを確認できます。

注: Amplify CLIバージョン7.6.8以前を使用していて、アプリケーションに追加されたマップの料金プランがMobileAssetTrackingまたはMobileAssetManagementに設定されている場合は、料金プランを更新するために以下の手順に従ってください:

  1. npm i -g @aws-amplify/cliを使用してAmplify CLIをバージョン7.6.9以降にアップグレードします。
  2. amplify update geoを実行し、アセットベースの料金プランを持つマップを選択します。既に持っているマップと同じ構成を選択します。
  3. amplify pushを実行してバックエンドリソースを更新します。

詳細設定

オプションで、マップのスタイルとデータプロバイダーを設定できます。

マップスタイル&マップデータプロバイダー

マップリソースのスタイルを選択できます。利用可能なマップスタイルと地理空間データのデータプロバイダーが表示されます。各マップスタイルの詳細については、このロケーションサービスドキュメントを参照してください。

注: アプリケーションがビジネスで使用するアセット(配送車両や従業員など)を追跡またはルーティングしている場合、地理情報プロバイダーとしてHEREのみを使用できます。 詳細については、AWSサービス利用規約のセクション82を参照してください。

? Specify the map style:
❯ Streets (data provided by Esri)
Berlin (data provided by HERE)
Explore (data provided by HERE)
ExploreTruck (data provided by HERE)
RasterSatellite (data provided by HERE)
HybridSatellite (data provided by HERE)
Topographic (data provided by Esri)
Navigation (data provided by Esri)
LightGrayCanvas (data provided by Esri)
DarkGrayCanvas (data provided by Esri)
Imagery (data provided by Esri)
StandardLight (data provided by OpenStreetMap)

このプロパティを明示的に設定したくない場合は、Streets (data provided by Esri)がマップスタイルを設定するために使用されるデフォルトオプションになります。

デフォルトマップを設定する

amplify add geo経由で複数のマップを追加した場合、最後に追加されたマップがデフォルトになります。 ただし、現在のマップをアプリケーションのデフォルトにするかどうかを選択できます:

? Set this Map as the default? It will be used in Amplify Map API calls if no explicit reference is provided.
> No

Noに答えると、以前に設定されたデフォルトが保持されます。

これで完了です。アプリケーションでマップをレンダリングできるようになりました。ここにリストされているマップの操作に関するドキュメントに従ってください。