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 un marcador a un mapa estático
En este tema, obtendrá información sobre cómo agregar marcadores a los mapas estáticos generados con Amazon Location Service. Puede personalizar el icono, la etiqueta, el tamaño, el color y otras opciones de estilo del marcador. Esto le permite resaltar ubicaciones específicas con señales visuales que se alinean con el propósito del mapa.
Estilos de marcador
Name |
Tipo |
Predeterminado |
Description (Descripción) |
|---|---|---|---|
|
Cadena |
|
El estilo de la geometría de puntos. Para crear un marcador, defina el valor en |
|
Cadena |
|
El tipo de icono del marcador. Los valores disponibles incluyen: |
|
Cadena |
|
El texto para mostrar en las coordenadas. Para configurar etiquetas automáticas, utilice los siguientes valores: |
|
Color |
Dependiente del estilo |
El color del icono. |
|
Color |
Dependiente del estilo |
El color del esquema del icono. |
|
Color |
Dependiente del estilo |
El color del texto de la etiqueta. |
|
Color |
Dependiente del estilo |
El color del esquema del texto. |
|
Entero |
|
El ancho del esquema del texto. |
|
Cadena |
|
El tamaño de la etiqueta y el icono. Valores disponibles: |
Agregación de un marcador a una imagen de mapa
En este ejemplo, colocará un marcador con una etiqueta en la imagen del mapa de BC Place, Vancouver.
Geo JSON:
{ "type": "FeatureCollection", "features": [ { "type": "Feature", "geometry": { "type": "Point", "coordinates": [ -123.11210, 49.2767875 ] }, "properties": { "color":"#EE4B2B", "size":"large", "label":"BC Place, Vancouver", "text-color":"#0000FF" } } ] }
Compact:
point: -123.11210,49.27678; label=BC Place, Vancouver; size=large; text-color=#0000FF; color=#EE4B2B
Agregación de varios marcadores a una imagen de mapa
En este ejemplo, agregará marcadores para los lugares imperdibles de Helsinki (Finlandia) mediante sus coordenadas (longitud, latitud). También puede aplicar un relleno para garantizar que el mapa contenga todos los marcadores correctamente.
nota
El tipo de icono de marcador disponible incluye: cp para círculo de proximidad, diamond, pin, poi, square, triangle, bubble.
Geo JSON:
{ "type": "FeatureCollection", "features": [ { "type": "Feature", "geometry": { "type": "MultiPoint", "coordinates": [ [24.9526, 60.1692], [24.9270, 60.1725], [24.9226, 60.1826], [24.9509, 60.1675], [24.9566, 60.1685], [24.9457, 60.1674], [24.9397, 60.1719], [24.9414, 60.1715], [24.9387, 60.1720] ] }, "properties": { "icon":"diamond", "label":"$num", "size":"large", "text-color":"%23972E2B", "text-outline-color":"%23FFF", "text-outline-width":2 } } ] }
Cambio del color del marcador en una imagen de mapa
En este ejemplo, utilizará marcadores de burbujas de diferentes colores para representar ciudades de todo el mundo. Puede personalizar el color, la etiqueta y otras propiedades del marcador para adaptarlos al contexto del mapa.
Geo JSON:
{ "type": "FeatureCollection", "features": [ { "type": "Feature", "geometry": { "type": "Point", "coordinates": [85.1376, 25.5941] }, "properties": { "label": "Patna", "icon": "bubble", "color": "#FF5722", "outline-color": "#D74D3D", "text-color": "#FFFFFF" } }, .....redacted..... { "type": "Feature", "geometry": { "type": "Point", "coordinates": [2.3522, 48.8566] }, "properties": { "label": "Paris, France", "icon": "bubble", "color": "#FF9800", "outline-color": "#D76B0B", "text-color": "#FFFFFF" } } ] }
