Las traducciones son generadas a través de traducción automática. En caso de conflicto entre la traducción y la version original de inglés, prevalecerá la version en inglés.
Cómo agregar una ruta a un mapa estático
En este tema, obtendrá información sobre cómo agregar una ruta a un mapa estático con Amazon Location Service. Repasará los pasos para obtener una ruta mediante la API de CalculateRoutes y, a continuación, la visualizará en un mapa estático mediante GeoJSON y un estilo personalizado para puntos y líneas.
Pasos para agregar una ruta
-
Obtenga rutas desde la API de
CalculateRoutes. Elimine las coordenadas que estén en la misma línea recta para optimizar LineString y evitar que la cadena de consulta alcance su límite. -
Cree un objeto GeoJSON basado en el conjunto de coordenadas optimizado.
-
Tome el primer y el último punto del LineString y agregue geometrías de puntos para marcar las ubicaciones inicial y final.
-
Diseñe los puntos y el LineString de acuerdo con las necesidades de la empresa, ajustando propiedades como el color, el tamaño y las etiquetas.
Agregación de una ruta con un estilo compacto
En este ejemplo, agregará una ruta con puntos de inicio y final a la línea creada en Cómo agregar una línea a un mapa estático. La ruta se definirá con un estilo personalizado, que incluirá el color, el tamaño y las etiquetas de los puntos inicial y final.
{ "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" } } ] }
