View a markdown version of this page

Cómo agregar una línea a un mapa estático - Amazon Location Service
Estilos compatiblesUnidad compatibleAgregación de una líneaAgregación de estilo a la línea

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 línea a un mapa estático

En este tema, obtendrá información sobre cómo agregar una línea a un mapa estático con Amazon Location Service. Abordaremos las opciones de estilo compatibles, cómo definir una línea con GeoJSON y cómo aplicar estilos personalizados como el color, el ancho y el contorno. También exploraremos cómo usar diferentes unidades de medida para propiedades como el ancho de línea.

Estilos compatibles

Name

Tipo

Predeterminado

Description (Descripción)

color

Color

dependiente del estilo

El color de la línea.

width

Entero/cadena

2

El ancho de la línea. Para obtener más información, consulte Cómo agregar una línea a un mapa estático.

outline-color

Color

dependiente del estilo

El color del esquema de la línea.

outline-width

Entero/cadena

0 (desactivado)

El ancho del esquema. Para obtener más información, consulte Cómo agregar una línea a un mapa estático.

Unidad compatible

Unidad

Description (Descripción)

Entero, por ejemplo, 5

Píxeles

Cadena sin unidad, por ejemplo "5"

Píxeles

"px"

Píxeles

"m"

Metros

"km"

Kilómetros

"mi"

Millas

"ft"

Pies

"yd"

Yardas

"%"

El porcentaje del valor predeterminado de una propiedad específica, en píxeles. Por ejemplo, si el valor predeterminado para width son 2 píxeles, entonces 200% son 4 píxeles. % es un carácter confidencial que se debe codificar en la URL de la solicitud como %25.

Agregación de una línea

En este ejemplo, agregará una línea desde un lugar de Vancouver hasta Stanley Park. La línea se crea con un formato GeoJSON con coordenadas definidas.

Request
{
  "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": {
        "name": "To Stanley Park",
        "description": "An evening walk to Stanley Park."
      }
    }
  ]
}
Request URL
https://maps.geo.eu-central-1.amazonaws.com/v2/static/map?style=Satellite&width=1024&height=1024&padding=200&scale-unit=KilometersMiles&geojson-overlay=%7B%22type%22%3A%22FeatureCollection%22,%22features%22%3A%5B%7B%22type%22%3A%22Feature%22,%22geometry%22%3A%7B%22type%22%3A%22LineString%22,%22coordinates%22%3A%5B%5B-123.11813,49.28246%5D,%5B-123.11967,49.28347%5D,%5B-123.12108,49.28439%5D,%5B-123.12216,49.28507%5D,%5B-123.12688,49.28812%5D,%5B-123.1292,49.28964%5D,%5B-123.13216,49.2916%5D,%5B-123.13424,49.29291%5D,%5B-123.13649,49.2944%5D,%5B-123.13678,49.29477%5D,%5B-123.13649,49.29569%5D,%5B-123.13657,49.29649%5D,%5B-123.13701,49.29715%5D,%5B-123.13584,49.29847%5D,%5B-123.13579,49.29935%5D,%5B-123.13576,49.30018%5D,%5B-123.13574,49.30097%5D%5D%7D,%22properties%22%3A%7B%22name%22%3A%22To%20Stanley%20Park%22,%22description%22%3A%22An%20evening%20walk%20to%20Stanley%20Park.%22%7D%7D%5D%7D&key=API_KEY
Response image
Vista satelital de la península costera con línea roja que marca la ruta a través de la zona residencial y el puerto deportivo.

Agregación de estilo a la línea

En este ejemplo, aplicará estilo a la línea que se ha agregado en el ejemplo anterior. Esto incluye definir el color y el ancho de la línea, y el color y el ancho del contorno para personalizar el aspecto visual de la línea en el mapa.

Request
{
  "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": "#6d34b3", 
        "width": "9m",
        "outline-color": "#a8b9cc",  
        "outline-width": "2px"
      }
    }
  ]
}
Request URL
https://maps.geo.eu-central-1.amazonaws.com/v2/static/map?style=Satellite&width=1024&height=1024&padding=200&scale-unit=KilometersMiles&geojson-overlay=%7B%22type%22%3A%22FeatureCollection%22,%22features%22%3A%5B%7B%22type%22%3A%22Feature%22,%22geometry%22%3A%22LineString%22,%22coordinates%22%3A%5B%5B-123.11813,49.28246%5D,%5B-123.11967,49.28347%5D,%5B-123.12108,49.28439%5D,%5B-123.12216,49.28507%5D,%5B-123.12688,49.28812%5D,%5B-123.1292,49.28964%5D,%5B-123.13216,49.2916%5D,%5B-123.13424,49.29291%5D,%5B-123.13649,49.2944%5D,%5B-123.13678,49.29477%5D,%5B-123.13649,49.29569%5D,%5B-123.13657,49.29649%5D,%5B-123.13701,49.29715%5D,%5B-123.13584,49.29847%5D,%5B-123.13579,49.29935%5D,%5B-123.13576,49.30018%5D,%5B-123.13574,49.30097%5D%5D%7D,%22properties%22%3A%7B%22color%22%3A%22%236d34b3%22,%22width%22%3A%229m%22,%22outline-color%22%3A%22%23a8b9cc%22,%22outline-width%22%3A%222px%22%7D%7D%5D%7D&key=API_KEY
Response image
La respuesta de la API de Static Maps muestra una polilínea estilizada con color, ancho y opacidad personalizados aplicada a una ruta costera.