Permite la creación y decoración de imágenes de mapas estáticos.
En el siguiente ejemplo, se muestra cómo puedes usar esta clase para crear un mapa del distrito teatral de la ciudad de Nueva York, incluidas las estaciones de tren cercanas, y mostrarlo en una app web simple.
// Create a map centered on Times Square. const map = Maps.newStaticMap().setSize(600, 600).setCenter( 'Times Square, New York, NY'); // Add markers for the nearbye train stations. map.setMarkerStyle( Maps.StaticMap.MarkerSize.MID, Maps.StaticMap.Color.RED, 'T', ); map.addMarker('Grand Central Station, New York, NY'); map.addMarker('Penn Station, New York, NY'); // Show the boundaries of the Theatre District. const corners = [ '8th Ave & 53rd St, New York, NY', '6th Ave & 53rd St, New York, NY', '6th Ave & 40th St, New York, NY', '8th Ave & 40th St, New York, NY', ]; map.setPathStyle(4, Maps.StaticMap.Color.BLACK, Maps.StaticMap.Color.BLUE); map.beginPath(); for (let i = 0; i < corners.length; i++) { map.addAddress(corners[i]); } // All static map URLs require an API key. const url = `${map.getMapUrl()}&key=YOUR_API_KEY`;
Consulta también
Métodos
Método | Tipo de datos que se muestra | Descripción breve |
---|---|---|
addAddress(address) | StaticMap | Agrega una dirección nueva a la definición de ruta actual. |
addMarker(latitude, longitude) | StaticMap | Agrega un marcador al mapa con un punto (lat/lng). |
addMarker(address) | StaticMap | Agrega un marcador al mapa con una dirección. |
addPath(points) | StaticMap | Agrega una ruta al mapa con un array de puntos. |
addPath(polyline) | StaticMap | Agrega una ruta al mapa con una polilínea codificada. |
addPoint(latitude, longitude) | StaticMap | Agrega un punto nuevo (lat/lng) a la definición de ruta actual. |
addVisible(latitude, longitude) | StaticMap | Agrega una ubicación de punto (lat/lng) que debe ser visible en el mapa. |
addVisible(address) | StaticMap | Agrega una ubicación de dirección que debe ser visible en el mapa. |
beginPath() | StaticMap | Inicia una nueva definición de ruta. |
clearMarkers() | StaticMap | Borra el conjunto de marcadores actual. |
clearPaths() | StaticMap | Borra el conjunto de rutas actual. |
clearVisibles() | StaticMap | Borra el conjunto actual de ubicaciones visibles. |
endPath() | StaticMap | Completa una definición de ruta de acceso que se inició con beginPath(). |
getAs(contentType) | Blob | Muestra los datos dentro de este objeto como un blob convertido al tipo de contenido especificado. |
getBlob() | Blob | Obtiene los datos de la imagen como Blob . |
getMapImage() | Byte[] | Obtiene los datos de imagen sin procesar como un array de bytes. |
getMapUrl() | String | Obtiene la URL de la imagen del mapa. |
setCenter(latitude, longitude) | StaticMap | Establece el centro del mapa con un punto (latitud/longitud). |
setCenter(address) | StaticMap | Establece el centro del mapa con una dirección. |
setCustomMarkerStyle(imageUrl, useShadow) | StaticMap | Establece la imagen de marcador personalizado que se usará cuando se creen marcadores nuevos. |
setFormat(format) | StaticMap | Establece el formato de la imagen del mapa. |
setLanguage(language) | StaticMap | Establece el idioma que se usará para el texto en el mapa (si está disponible). |
setMapType(mapType) | StaticMap | Establece el tipo de mapa que se mostrará. |
setMarkerStyle(size, color, label) | StaticMap | Establece el estilo de marcador que se usará cuando se creen marcadores nuevos. |
setMobile(useMobileTiles) | StaticMap | Establece si se deben usar o no conjuntos de tarjetas especializadas para dispositivos móviles. |
setPathStyle(weight, color, fillColor) | StaticMap | Establece el estilo de ruta que se usará cuando se creen rutas nuevas. |
setSize(width, height) | StaticMap | Establece el ancho y la altura de la imagen del mapa en píxeles. |
setZoom(zoom) | StaticMap | Establece el factor de zoom o el nivel de ampliación que se usa para el mapa. |
Documentación detallada
addAddress(address)
Agrega una dirección nueva a la definición de ruta actual.
// Creates a map and adds a path from New York to Boston. const map = Maps.newStaticMap() .beginPath() .addAddress('New York, NY') .addAddress('Boston, MA') .endPath();
Parámetros
Nombre | Tipo | Descripción |
---|---|---|
address | String | Una dirección para agregar. |
Volver
StaticMap
: Es la instancia de este mapa para encadenar.
addMarker(latitude, longitude)
Agrega un marcador al mapa con un punto (lat/lng).
// Creates a map and adds a marker at the specified coordinates. const map = Maps.newStaticMap().addMarker(40.741799, -74.004207);
Parámetros
Nombre | Tipo | Descripción |
---|---|---|
latitude | Number | La latitud del marcador nuevo. |
longitude | Number | La longitud del marcador nuevo. |
Volver
StaticMap
: Es la instancia de este mapa para encadenar.
Consulta también
addMarker(address)
Agrega un marcador al mapa con una dirección.
// Creates a map and adds a marker at the specified address. const map = Maps.newStaticMap().addMarker('76 9th Ave, New York NY');
Parámetros
Nombre | Tipo | Descripción |
---|---|---|
address | String | Es la dirección en la que se colocará el nuevo marcador. |
Volver
StaticMap
: Es la instancia de este mapa para encadenar.
Consulta también
addPath(points)
Agrega una ruta al mapa con un array de puntos.
// Creates a map and adds a path from New York to Boston. const map = Maps.newStaticMap().addPath([ 40.714353, -74.005973, 42.358431, -71.059773, ]);
Parámetros
Nombre | Tipo | Descripción |
---|---|---|
points | Number[] | Es un array de pares de latitud y longitud que definen la ruta. |
Volver
StaticMap
: Es la instancia de este mapa para encadenar.
addPath(polyline)
Agrega una ruta al mapa con una polilínea codificada.
// Creates a map and adds a path from New York to Boston. const polyline = Maps.encodePolyline([ 40.714353, -74.005973, 42.358431, -71.059773, ]); const map = Maps.newStaticMap().addPath(polyline);
Parámetros
Nombre | Tipo | Descripción |
---|---|---|
polyline | String | Es una polilínea codificada. |
Volver
StaticMap
: Es la instancia de este mapa para encadenar.
addPoint(latitude, longitude)
Agrega un punto nuevo (lat/lng) a la definición de ruta actual.
// Creates a map and adds a path from New York to Boston. const map = Maps.newStaticMap() .beginPath() .addPoint(40.714353, -74.005973) .addPoint(42.358431, -71.059773) .endPath();
Parámetros
Nombre | Tipo | Descripción |
---|---|---|
latitude | Number | Es la latitud del punto. |
longitude | Number | Es la longitud del punto. |
Volver
StaticMap
: Es la instancia de este mapa para encadenar.
addVisible(latitude, longitude)
Agrega una ubicación de punto (lat/lng) que debe ser visible en el mapa.
// Creates a map where New York and Boston are visible. const map = Maps.newStaticMap() .addVisible(40.714353, -74.005973) .addVisible(42.358431, -71.059773);
Parámetros
Nombre | Tipo | Descripción |
---|---|---|
latitude | Number | Es la latitud del punto. |
longitude | Number | Es la longitud del punto. |
Volver
StaticMap
: Es la instancia de este mapa para encadenar.
Consulta también
addVisible(address)
Agrega una ubicación de dirección que debe ser visible en el mapa.
// Creates a map where New York and Boston are visible. const map = Maps.newStaticMap().addVisible('New York, NY').addVisible('Boston, MA');
Parámetros
Nombre | Tipo | Descripción |
---|---|---|
address | String | Es una dirección que debe ser visible en el mapa. |
Volver
StaticMap
: Es la instancia de este mapa para encadenar.
Consulta también
beginPath()
Inicia una nueva definición de ruta. Las llamadas a addAddress()
y addPoint()
definen cada vértice nuevo en la ruta. La ruta se completa cuando se llama a endPath()
.
// Creates a map and adds a path from New York to Boston. const map = Maps.newStaticMap() .beginPath() .addAddress('New York, NY') .addAddress('Boston, MA') .endPath();
Volver
StaticMap
: Es la instancia de este mapa para encadenar.
clearMarkers()
Borra el conjunto de marcadores actual.
const map = Maps.newStaticMap(); // ... // Do something interesting here ... // ... // Remove all markers on the map. map.clearMarkers();
Volver
StaticMap
: Es la instancia de este mapa para encadenar.
clearPaths()
Borra el conjunto de rutas actual.
const map = Maps.newStaticMap(); // ... // Do something interesting here ... // ... // Remove all paths on the map. map.clearPaths();
Volver
StaticMap
: Es la instancia de este mapa para encadenar.
clearVisibles()
Borra el conjunto actual de ubicaciones visibles.
const map = Maps.newStaticMap(); // ... // Do something interesting here ... // ... // Remove all visible locations created with addVisible(). map.clearVisibles();
Volver
StaticMap
: Es la instancia de este mapa para encadenar.
endPath()
Completa una definición de ruta de acceso que se inició con beginPath().
// Creates a map and adds a path from New York to Boston. const map = Maps.newStaticMap() .beginPath() .addAddress('New York, NY') .addAddress('Boston, MA') .endPath();
Volver
StaticMap
: Es la instancia de este mapa para encadenar.
getAs(contentType)
Muestra los datos dentro de este objeto como un blob convertido al tipo de contenido especificado. Este método agrega la extensión adecuada al nombre del archivo, por ejemplo, "miarchivo.pdf". Sin embargo, se da por sentado que la parte del nombre de archivo que sigue al último punto (si corresponde) es una extensión existente que se debe reemplazar. Por lo tanto, "ShoppingList.12.25.2014" se convierte en "ShoppingList.12.25.pdf".
Para ver las cuotas diarias de conversiones, consulta Cuotas de los servicios de Google. Es posible que los dominios de Google Workspace recién creados estén sujetos temporalmente a cuotas más estrictas.
Parámetros
Nombre | Tipo | Descripción |
---|---|---|
contentType | String | Es el tipo de MIME al que se debe realizar la conversión. Para la mayoría de los blobs, 'application/pdf' es la única opción válida. Para las imágenes en formato BMP, GIF, JPEG o PNG, también son válidos 'image/bmp' , 'image/gif' , 'image/jpeg' o 'image/png' . Para un documento de Documentos de Google, 'text/markdown' también es válido. |
Volver
Blob
: Los datos como un BLOB.
getBlob()
Obtiene los datos de la imagen como Blob
.
// Creates a map centered on Times Square and saves it to Google Drive. const map = Maps.newStaticMap().setCenter('Times Square, New York, NY'); DriveApp.createFile(map); // You can call map.getBlob() explicitly or use it // implicitly by passing the map where a blob is expected.
Volver
Blob
: Es una imagen del mapa en el formato de imagen seleccionado.
getMapImage()
Obtiene los datos de imagen sin procesar como un array de bytes.
En general, se prefiere usar getBlob()
, que permite interacciones más simples con otros servicios.
// Creates a map centered on Times Square and saves it to Google Drive. const map = Maps.newStaticMap().setCenter('Times Square, New York, NY'); DriveApp.createFile( Utilities.newBlob(map.getMapImage(), 'image/png', 'map.png'), );
Volver
Byte[]
: Es una imagen del mapa en el formato de imagen seleccionado.
getMapUrl()
Obtiene la URL de la imagen del mapa.
// Creates a map centered on Times Square and gets the URL. const map = Maps.newStaticMap().setCenter('Times Square, New York, NY'); // All static map URLs require an API key. Logger.log(`${map.getMapUrl()}&key=YOUR_API_KEY`);
Volver
String
: Es la URL de la imagen del mapa.
setCenter(latitude, longitude)
Establece el centro del mapa con un punto (latitud/longitud).
// Creates a map centered on Times Square, using its coordinates. const map = Maps.newStaticMap().setCenter(40.759011, -73.984472);
Parámetros
Nombre | Tipo | Descripción |
---|---|---|
latitude | Number | Es la latitud del centro. |
longitude | Number | Es la longitud del centro. |
Volver
StaticMap
: Es la instancia de este mapa para encadenar.
Consulta también
setCenter(address)
Establece el centro del mapa con una dirección.
// Creates a map centered on Times Square, using its address. const map = Maps.newStaticMap().setCenter('Times Square, New York, NY');
Parámetros
Nombre | Tipo | Descripción |
---|---|---|
address | String | La dirección del centro |
Volver
StaticMap
: Es la instancia de este mapa para encadenar.
Consulta también
setCustomMarkerStyle(imageUrl, useShadow)
Establece la imagen de marcador personalizado que se usará cuando se creen marcadores nuevos. Los marcadores que ya se agregaron no se verán afectados.
// Creates a map with markers set to be medium sized, black, and labeled with // the number "1". const map = Maps.newStaticMap().setCustomMarkerStyle( 'http://www.example.com/marker.png', false, );
Parámetros
Nombre | Tipo | Descripción |
---|---|---|
imageUrl | String | Especifica una URL para usar como el ícono personalizado del marcador. Las imágenes pueden tener formato PNG, JPEG o GIF, aunque se recomienda PNG. |
useShadow | Boolean | Indica que se debe generar una sombra para el marcador, según la región visible de la imagen y su opacidad o transparencia. |
Volver
StaticMap
: Es la instancia de este mapa para encadenar.
Consulta también
setFormat(format)
Establece el formato de la imagen del mapa.
// Creates a map with the image format set to PNG. const map = Maps.newStaticMap().setFormat(Maps.StaticMap.Format.PNG);
Parámetros
Nombre | Tipo | Descripción |
---|---|---|
format | String | Un valor constante de Format . |
Volver
StaticMap
: Es la instancia de este mapa para encadenar.
Consulta también
setLanguage(language)
Establece el idioma que se usará para el texto en el mapa (si está disponible).
// Creates a map with the language set to French. const map = Maps.newStaticMap().setLanguage('fr');
Parámetros
Nombre | Tipo | Descripción |
---|---|---|
language | String | Un identificador de idioma BCP-47. |
Volver
StaticMap
: Es la instancia de este mapa para encadenar.
Consulta también
setMapType(mapType)
setMarkerStyle(size, color, label)
Establece el estilo de marcador que se usará cuando se creen marcadores nuevos. Los marcadores que ya se agregaron no se verán afectados.
// Creates a map with markers set to be medium sized, black, and labeled with // the number "1". const map = Maps.newStaticMap().setMarkerStyle( Maps.StaticMap.MarkerSize.MID, Maps.StaticMap.Color.BLACK, '1', );
Parámetros
Nombre | Tipo | Descripción |
---|---|---|
size | String | Un valor constante de MarkerSize . |
color | String | Es una cadena con el formato "0xrrggbb" o un valor constante de Color . |
label | String | Es una cadena que contiene un solo carácter de A a Z o de 0 a 9. |
Volver
StaticMap
: Es la instancia de este mapa para encadenar.
Consulta también
setMobile(useMobileTiles)
Establece si se deben usar o no conjuntos de tarjetas especializadas para dispositivos móviles.
// Creates a map that uses mobile-friendly tiles. const map = Maps.newStaticMap().setMobile(true);
Parámetros
Nombre | Tipo | Descripción |
---|---|---|
useMobileTiles | Boolean | Si se usarán tarjetas para dispositivos móviles o no. |
Volver
StaticMap
: Es la instancia de este mapa para encadenar.
setPathStyle(weight, color, fillColor)
Establece el estilo de ruta que se usará cuando se creen rutas nuevas. Las rutas que ya se agregaron no se verán afectadas.
// Creates a map with paths set to be 1 pixel wide with a black line and a white // fill. const map = Maps.newStaticMap().setPathStyle( 1, Maps.StaticMap.Color.BLACK, 'red', );
Parámetros
Nombre | Tipo | Descripción |
---|---|---|
weight | Integer | Es el ancho de las líneas en píxeles. |
color | String | Es el color de la línea, como una cadena en el formato "0xrrggbb" o un valor constante de Color . |
fillColor | String | Es el color de relleno, una cadena con el formato "0xrrggbb" o un valor constante de Color . |
Volver
StaticMap
: Es la instancia de este mapa para encadenar.
Consulta también
setSize(width, height)
Establece el ancho y la altura de la imagen del mapa en píxeles.
// Creates a map 400px wide by 300px high. const map = Maps.newStaticMap().setSize(400, 300);
Parámetros
Nombre | Tipo | Descripción |
---|---|---|
width | Integer | El ancho de la imagen en píxeles. |
height | Integer | La altura de la imagen en píxeles. |
Volver
StaticMap
: Es la instancia de este mapa para encadenar.
Consulta también
setZoom(zoom)
Establece el factor de zoom o el nivel de ampliación que se usa para el mapa.
// Creates a map with a zoom factor of 10. const map = Maps.newStaticMap().setZoom(10);
Parámetros
Nombre | Tipo | Descripción |
---|---|---|
zoom | Integer | Un valor de cero a 21 inclusive. |
Volver
StaticMap
: Es la instancia de este mapa para encadenar.