Using Amazon Location Maps in your application - Amazon Location Service

Using Amazon Location Maps in your application

Amazon Location maps are cost-effective, interactive, and easy to use. You can replace an existing map in your application to save money, or add a new one to display location-based data visually, such as your store location.

            Example map style in an app, showing parks mapped in central Seattle

To add a map to your application

  1. Choose the map style that you want to use.

    1. In the Amazon Location console, on the Maps page, choose Create map to preview map styles.

    2. Add a name and description for the new map resource.

    3. Choose a map.

    4. To try a map style, in Pricing plan use case, choose Yes for Will you use this map with simulated/sample location data only?. When you choose this option, the Amazon Location three-month Free Tier applies to resource creation, deletion, and evaluation. Request-Based Usage is selected for you in Pricing plan. For more information, see Amazon Location Pricing.

    5. Agree to the Amazon Location Terms and Conditions, then choose Create map. You can interact with the map that you've chosen: zoom in, zoom out, or pan in any direction.

    6. Delete map styles that you don’t want to use on the Maps home page in the console. To allow your users to switch styles (for example, to allow them to switch between satellite imagery and vector style), you must create a map resource for each style.

    7. After you have chosen your map styles, don’t forget to answer the pricing plan questions when you create your production resources. This ensures that you have the right pricing plan for your application.

  2. Set up authentication.

    1. To display a map on a website, we recommend using Amazon Cognito unauthenticated user pools. For more information about how to create and configure an Amazon Cognito identity pool for use with Amazon Location, see Allowing unauthenticated guest access to your application using Amazon Cognito.

  3. Do one of the following to display a map in your application:

    • The fastest way of displaying a map on your website (or in any JavaScript application) is to use the AWS Amplify Geo SDK. You can copy the code that is shown in the In your application topic in the AWS Amplify documentation to import and configure the Amplify Geo library. After you import the library, go to the Display a map topic to learn how to render the map and display markers on it.

    • To display a map in your Android and iOS applications, or if you prefer not use Amplify Geo, follow the MapLibre tutorial. To use Tangram to render your map, follow the Tangram tutorial.