To keep the walkthrough short, we have not included a detailed explanation of Tessera and Tilelive you can read more about those two projects here. If you have an existing Map in Amazon Location Service and would like to customize it you can accomplish that with a minimal number of dependencies as outlined below. Style an Existing Map from Amazon Location Service From there you can follow along with this walkthrough.
The AWS Samples repository listed above contains detailed steps on how to get started with this.
The walkthrough can be done through the terminal either on macOS or Linux and will require some setup locally to be able to style the map with Maputnik. AWS Amplify – You can use AWS Amplify CLI to setup the cloud infrastructure and back end including the hosting through Amazon S3 and Amazon CloudFront.You can exchange the access token for temporary AWS credentials to access AWS services, in this case Amazon Location Service The service returns an ID, access, and refresh token after a successful sign-in. Amazon Cognito – This allows the application to handle user sign-up and sign-in.AWS CLI – For creating and updating resources in your AWS account.AWS Identity and Access Management – AWS IAM lets you provide permissions to access the Amazon Location Service, Map resources and Place Index resource.Amazon Location Service – Gives the flexibility to implement a map tile source through Esri and HERE.The walkthrough uses a number of AWS services and tools: Related Post: Using MapLibre GL JS with Amazon Location Service In order to style our existing map from Amazon Location Service using these tools we will also demonstrate how to run a local proxy that handles Signature Version 4 / AWS Authentication. Others may prefer to use another open-source tool called Fresco, however they are not required to make edits to the style descriptor. This post will walk you through the process of styling an existing map using Maputnik to help visualize the changes in real-time. So, how do you customize these map styles to meet your brand or visual design? At this time Amazon Location has two data providers, Esri and HERE, as well as six default map styles. With Amazon Location Service, a managed AWS service for adding location data to applications, you can create a customized web map that will grab the interest of your users and increase engagement. The ability to customize is invaluable when a map is a big part of the user flow and needs to fit in with the rest of the site. Web maps are no exception to this since they provide important visualizations for geographical data. UX designers and web developers alike wish to have each component of their website meet the company’s branding requirements while providing a visual impact on its own.