Saltar al contenido principal Saltar al contenido complementario

Crear un mapa con varias capas de fondo

Puede usar varias capas de fondo en un gráfico de mapa. Esto le permite crear mapas base en capas para sus datos de gráficos de mapa.

Algunas fuentes de WMS incluyen capas con transparencia. Con estas fuentes, puede superponer la capa de fondo de WMS en la parte superior de un mapa base u otras capas. También se pueden colocar imágenes sobre otras capas de fondo. Esto le permite crear mapas base más complejos para sus datos.

Nota informativa

Si una capa de transparencia de WMS admite o no la transparencia depende de la fuente de datos de WMS.

En este ejemplo de mapa se utiliza un TMS personalizado en una capa de fondo. Una capa de fondo de WMS se sitúa en la parte superior, utilizando un punto de conexión de WMS desde la National Ocean and Atmospheric Administration. La capa de WMS muestra datos de radar meteorológico.

Gráfico de mapa con una capa de puntos superpuesta sobre capas de fondo de TMS y WMS.

Gráfico de mapa con una capa de puntos superpuesta sobre capas de fondo TMS y WMS.

Conjunto de datos

Este ejemplo utiliza una única tabla para datos de Ciudades con un TMS externo y datos de WMS de fuentes externas.

Cómo construir esto

Nota de sugerencia

Este ejemplo agrega capas para que se superpongan unas sobre otras en el orden final. Si desea agregar estas capas en un orden diferente, haga clic y arrastre las capas en el orden correcto que desee en Capas.

Nota informativaLa lista de elementos permitidos de la Content Security Policy debe incluir los orígenes de las URL que contengan solicitudes de recursos a recursos externos; de lo contrario, los recursos no se cargarán. Los recursos WMS deben tener las directivas image-src y connect-src en la lista de elementos permitidos.

Vea también: Administrar la Política de seguridad de contenidos

Antes de comenzar

Antes de comenzar, los siguientes orígenes deben ser añadidos a la lista de permitidos para la Política de seguridad de contenidos. Esto se realiza en el centro de actividades Administración por un administrador del espacio empresarial inquilino.

Orígenes para añadir a la Política de seguridad de contenidos, con sus directivas correspondientes.
Origen Directivas
a.tile.openstreetmap.org img-src
nowcoast.noaa.gov connect-src, img-src

Para obtener más información sobre cómo añadir entradas a la Política de seguridad de contenidos, consulte Crear una entrada en la política de seguridad de contenidos, CSP.

Construir el mapa

  1. Agregue la tabla Ciudades a su app. Puede copiar y pegar la tabla mediante entrada manual.
  2. En una hoja, agregue un gráfico de mapa.
  3. En Configuraciones de mapa, establezca Mapa base como Ninguno.
  4. Agregue una capa de fondo y haga lo siguiente:

    • En Datos, haga lo siguiente:

      • En Formato, seleccione TMS.
      • En URL, escriba https://a.tile.openstreetmap.org/${z}/${x}/${y}.png.
      • En Atribución, escriba © OpenStreetMap contributors.
    • En Opciones > General, haga lo siguiente:

      • Defina Mostrar leyenda como Ninguna.
    • En Opciones > Presentación, haga lo siguiente:

      • Establezca la Opacidad en 0.5.
  5. Agregue una capa de fondo y haga lo siguiente:

    • En Etiqueta, introduzca Mosaicos de reflectividad de base de radar meteorológico.

    • En Formato, seleccione WMS y haga clic en Configuración de WMS. Haga lo siguiente:
      • En URL del servidor WMS, introduzca https://nowcoast.noaa.gov/geoserver/observations/weather_radar/ows.
      • Como Versión, seleccione 1.3.0.
      • Haga clic en Cargar WMS.
      • En el Paso 2 (Configuración), establezca las siguientes configuraciones:
        • Establezca CRS en EPSG:3857.
        • Active la configuración Transparente.
        • Seleccione todas las opciones en Mosaicos de reflectividad de base de radar meteorológico.
      • Haga clic en Guardar.
    • En Atribución, introduzca NWS, DOD, NOAA y nowCOAST.
  6. Agregue una capa de puntos y haga lo siguiente:

    • En Datos, agregue Ciudades como la dimensión.
    • En Ubicación, haga lo siguiente:
      • Establezca el Ámbito de ubicación en Personalizado.
      • Establezca el País como 'USA'.
    • En Colores, establezca Colores en Personalizado y Color en f93f17.
    • En Tamaño y forma, establezca Tamaño de burbuja en 9.

¿Esta página le ha sido útil?

Si encuentra algún problema con esta página o su contenido (errores tipográficos, pasos que faltan o errores técnicos), no dude en ponerse en contacto con nosotros.