As traduções são geradas por tradução automática. Em caso de conflito entre o conteúdo da tradução e da versão original em inglês, a versão em inglês prevalecerá.
Como adicionar uma rota a um mapa estático
Neste tópico, você aprenderá a adicionar uma rota a um mapa estático usando o Amazon Location Service. Você seguirá as etapas para obter uma rota usando a API CalculateRoutes e, em seguida, visualizá-la em um mapa estático usando GeoJSON e um estilo personalizado para pontos e linhas.
Etapas para adicionar uma rota
-
Obtenha rotas da API
CalculateRoutes. Remova as coordenadas que estão na mesma linha reta para otimizar o LineString, impedindo que a string de consulta chegue ao limite. -
Crie um objeto GeoJSON com base no conjunto otimizado de coordenadas.
-
Use o primeiro e o último pontos de LineString e adicione geometrias de pontos para marcar os locais de início e término.
-
Aplique estilo nos pontos e em LineString de acordo com suas necessidades, ajustando propriedades como cor, tamanho e rótulos.
Adicionar uma rota usando um estilo compacto
Neste exemplo, você adicionará uma rota com pontos de início e término à linha criada em Como adicionar uma linha a um mapa estático. A rota será definida com um estilo personalizado, incluindo cor, tamanho e rótulos para os pontos de início e término.
{ "type": "FeatureCollection", "features": [ { "type": "Feature", "geometry": { "type": "LineString", "coordinates": [ [-123.11813, 49.28246], [-123.11967, 49.28347], [-123.12108, 49.28439], [-123.12216, 49.28507], [-123.12688, 49.28812], [-123.1292, 49.28964], [-123.13216, 49.2916], [-123.13424, 49.29291], [-123.13649, 49.2944], [-123.13678, 49.29477], [-123.13649, 49.29569], [-123.13657, 49.29649], [-123.13701, 49.29715], [-123.13584, 49.29847], [-123.13579, 49.29935], [-123.13576, 49.30018], [-123.13574, 49.30097] ] }, "properties": { "color": "#000000", "width": "20m", "outline-color": "#a8b9cc", "outline-width": "2px" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [-123.11813, 49.28246] }, "properties": { "label": "Pacific Centre", "icon": "bubble", "size": "large", "color": "#34B3A4", "outline-color": "#006400", "text-color": "#FFFFFF" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [-123.13574, 49.30097] }, "properties": { "label": "Stanley Park", "icon": "bubble", "size": "large", "color": "#B3346D", "outline-color": "#FF0000", "text-color": "#FFFFFF" } } ] }
