Skip to main content

Capas Base

Ahora que ya tenemos los conocimientos relacionados a lo básico de los mapas, uso del control del zoom y la manera de trabajar con los marcadores empezamos con el control donde tenemos la opción de poder seleccionar entre las diferentes capas base que dispone la librería, con opción a añadir nuevas junto con las capas de superposición.

En este apartado se va a aprender a añadir las capas base haciendo uso de las existentes con opción a poder añadir otras capas base externa aunque esto por el momento no se añadirá en la documentación.

Implementación con las capas base#

Para añadir el control de las capas en la parte superior derecha (no hay opción a añadirla en otra ubicación en la propia librería, esto será una mejora de cara al futuro), debemos de añadir información dentro del elemento cuyo tipo es IConfigMap en la propiedad layers.

layers tiene un tipo definido con la interface ILayers que contiene la siguiente información:

interface ILayers {    baseLayers: Array<IBaseLayer>;    overLayers?: Array<IOverLayer>;}

Como se puede apreciar en la definición de la interface, tenemos dos propiedas que está definidas como baseLayers (capas base, que es lo que vamos a implementar ahora) y overLayers (capas de superposición).

Analizando la estructura de la propiedad baseLayers encontramos con estas propiedades y sus tipos de información:

interface IBaseLayer {    label?: string;    map: string;    atribution: string;    default?: boolean;}

Desgranando para que sirve cada uno de ellos:

  • label: Etiqueta que se le va a asignar para mostrar dentro del control.
  • map: Referencia a la capa que vamos a usar, tal y como hemos explicado antes

Pendiente de seguir redactando...