mirror of
https://github.com/Freika/dawarich.git
synced 2026-01-09 08:47:11 -05:00
8934c29fce
* fix: move foreman to global gems to fix startup crash (#1971) * Update exporting code to stream points data to file in batches to red… (#1980) * Update exporting code to stream points data to file in batches to reduce memory usage * Update changelog * Update changelog * Feature/maplibre frontend (#1953) * Add a plan to use MapLibre GL JS for the frontend map rendering, replacing Leaflet * Implement phase 1 * Phases 1-3 + part of 4 * Fix e2e tests * Phase 6 * Implement fog of war * Phase 7 * Next step: fix specs, phase 7 done * Use our own map tiles * Extract v2 map logic to separate manager classes * Update settings panel on v2 map * Update v2 e2e tests structure * Reimplement location search in maps v2 * Update speed routes * Implement visits and places creation in v2 * Fix last failing test * Implement visits merging * Fix a routes e2e test and simplify the routes layer styling. * Extract js to modules from maps_v2_controller.js * Implement area creation * Fix spec problem * Fix some e2e tests * Implement live mode in v2 map * Update icons and panel * Extract some styles * Remove unused file * Start adding dark theme to popups on MapLibre maps * Make popups respect dark theme * Move v2 maps to maplibre namespace * Update v2 references to maplibre * Put place, area and visit info into side panel * Update API to use safe settings config method * Fix specs * Fix method name to config in SafeSettings and update usages accordingly * Add missing public files * Add handling for real time points * Fix remembering enabled/disabled layers of the v2 map * Fix lots of e2e tests * Add settings to select map version * Use maps/v2 as main path for MapLibre maps * Update routing * Update live mode * Update maplibre controller * Update changelog * Remove some console.log statements --------- Co-authored-by: Robin Tuszik <mail@robin.gg>
86 lines
2 KiB
JavaScript
86 lines
2 KiB
JavaScript
import { BaseLayer } from './base_layer'
|
|
|
|
/**
|
|
* Heatmap layer showing point density
|
|
* Uses MapLibre's native heatmap for performance
|
|
* Fixed radius: 20 pixels
|
|
*/
|
|
export class HeatmapLayer extends BaseLayer {
|
|
constructor(map, options = {}) {
|
|
super(map, { id: 'heatmap', ...options })
|
|
this.radius = 20 // Fixed radius
|
|
this.weight = options.weight || 1
|
|
this.intensity = 1 // Fixed intensity
|
|
this.opacity = options.opacity || 0.6
|
|
}
|
|
|
|
getSourceConfig() {
|
|
return {
|
|
type: 'geojson',
|
|
data: this.data || {
|
|
type: 'FeatureCollection',
|
|
features: []
|
|
}
|
|
}
|
|
}
|
|
|
|
getLayerConfigs() {
|
|
return [
|
|
{
|
|
id: this.id,
|
|
type: 'heatmap',
|
|
source: this.sourceId,
|
|
paint: {
|
|
// Increase weight as diameter increases
|
|
'heatmap-weight': [
|
|
'interpolate',
|
|
['linear'],
|
|
['get', 'weight'],
|
|
0, 0,
|
|
6, 1
|
|
],
|
|
|
|
// Increase intensity as zoom increases
|
|
'heatmap-intensity': [
|
|
'interpolate',
|
|
['linear'],
|
|
['zoom'],
|
|
0, this.intensity,
|
|
9, this.intensity * 3
|
|
],
|
|
|
|
// Color ramp from blue to red
|
|
'heatmap-color': [
|
|
'interpolate',
|
|
['linear'],
|
|
['heatmap-density'],
|
|
0, 'rgba(33,102,172,0)',
|
|
0.2, 'rgb(103,169,207)',
|
|
0.4, 'rgb(209,229,240)',
|
|
0.6, 'rgb(253,219,199)',
|
|
0.8, 'rgb(239,138,98)',
|
|
1, 'rgb(178,24,43)'
|
|
],
|
|
|
|
// Fixed radius adjusted by zoom level
|
|
'heatmap-radius': [
|
|
'interpolate',
|
|
['linear'],
|
|
['zoom'],
|
|
0, this.radius,
|
|
9, this.radius * 3
|
|
],
|
|
|
|
// Transition from heatmap to circle layer by zoom level
|
|
'heatmap-opacity': [
|
|
'interpolate',
|
|
['linear'],
|
|
['zoom'],
|
|
7, this.opacity,
|
|
9, 0
|
|
]
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|