Mapas de Calor - Desarrollos-IDEE/API-IDEE GitHub Wiki

Los mapas de calor o heatmaps son mapas que muestran la intensidad relativa de los elementos de una capa de puntos. El valor que dará peso a la intensidad viene definido por un atributo de dichos elementos, y el color o la representación de esa escala de intensidad vendrá dada por una rampa de colores o gradiente determinada.

heatmap

let style = new IDEE.style.Heatmap(peso, {options});
Parámetro Descripción
peso {string} - atributo o función que establece el peso en la intensidad (opcional)
options {object} - valores opcionales del mapa de calor:
gradient: Array<string> - los colores que definen el gradiente de intensidad
blur: {number} - tamaño de la borrosidad en pixeles
radius: {number} - radio de influencia del punto en pixeles

Ejemplos:

let style = new IDEE.style.Heatmap();
let styleO = new IDEE.style.Heatmap(null, {
      gradient: ['blue', 'cyan', 'green', 'yellow', 'orange', 'red']
});
let styleT = new IDEE.style.Heatmap('temperatura', {
      blur: 15,
      radius: 10,
      gradient: ['blue', 'cyan', 'green', 'yellow', 'orange', 'red'],
});

Los valores por defecto para los parámetros opcionales están establecidos en las siguientes constantes:

  • IDEE.style.Heatmap.DEFAULT_OPTIONS.radius = 10
  • IDEE.style.Heatmap.DEFAULT_OPTIONS.blur = 15
  • IDEE.style.Heatmap.DEFAULT_OPTIONS.gradient = ["#00f", "#0ff", "#0f0", "#ff0", "#f00"]

vendorOptions

Permite cargar estilos de la librería base.

  const heatmapLayer = new ol.layer.Heatmap({
    blur: 20,
    radius: 15,
    gradient: ['red', 'black', 'blue', 'pink', 'green', 'white'],
    weight: feature => {
      return feature.get('weight') || 1;
    }
  });

new IDEE.style.Heatmap('u_cod_prov', undefined, heatmapLayer);
⚠️ **GitHub.com Fallback** ⚠️