einundzwanzig/einundzwanzig-portal
1
0
Fork 0
mirror of https://github.com/Einundzwanzig-Podcast/einundzwanzig-portal.git synced 2025-12-11 06:46:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

heatmap changed

Browse Source
This commit is contained in:
HolgerHatGarKeineNode
2023-02-08 10:44:43 +01:00
parent afc59601d4
commit 5c63c491a1
6 changed files with 296 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
resources/views/livewire/book-case/heatmap.blade.php
View File

@@ -12,17 +12,45 @@
x-data="{
data: @js($heatmap_data),
init() {
const map = L.map($refs.map,{maxZoom:8}).setView([51.1642,10.4541194], 6);
var testData = {
max: 8,
data: this.data,
};
L.tileLayer.provider('Stamen.Toner').addTo(map);
var baseLayer = L.tileLayer(
'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',{
attribution: '...',
maxZoom: 18
}
);
var heat = L.heatLayer(this.data, {
blur: 5,
minOpacity: 0.2,
radius: 25,
gradient: {0.4: '#FABE75', 0.65: '#F9A949', 1: '#F7931A'}
}).addTo(map);
var cfg = {
'radius': 25,
'maxOpacity': .6,
// scales the radius based on map zoom
'scaleRadius': false,
// if set to false the heatmap uses the global maximum for colorization
// if activated: uses the data maximum within the current map boundaries
// (there will always be a red spot with useLocalExtremas true)
'useLocalExtrema': true,
// which field name in your data represents the latitude - default 'lat'
latField: 'lat',
// which field name in your data represents the longitude - default 'lng'
lngField: 'lng',
// which field name in your data represents the data value - default 'value'
valueField: 'count'
};
var heatmapLayer = new HeatmapOverlay(cfg);
var map = new L.Map($refs.map, {
center: new L.LatLng(51.1642,10.4541194),
zoom: 4,
maxZoom: 10,
layers: [baseLayer, heatmapLayer]
});
heatmapLayer.setData(testData);
}
}"
>