mirror of
https://github.com/Einundzwanzig-Podcast/einundzwanzig-portal.git
synced 2025-12-11 06:46:47 +00:00
35 lines
1.1 KiB
PHP
35 lines
1.1 KiB
PHP
<div class="bg-21gray h-screen justify-between">
|
|
<livewire:frontend.header :country="$country"/>
|
|
{{-- MAIN --}}
|
|
<section class="w-full mb-12">
|
|
<div class="max-w-screen-2xl mx-auto px-2 sm:px-10">
|
|
|
|
<h1 class="text-xl font-bold py-4 text-gray-200">
|
|
{{ __('Orange Pill Heatmap') }}
|
|
</h1>
|
|
|
|
<div
|
|
x-data="{
|
|
data: @js($heatmap_data),
|
|
init() {
|
|
|
|
const map = L.map($refs.map).setView([51.1642,10.4541194], 6);
|
|
|
|
L.tileLayer.provider('Stamen.Toner').addTo(map);
|
|
|
|
var heat = L.heatLayer(this.data, {
|
|
blur: 5,
|
|
minOpacity: 0.2,
|
|
radius: 25,
|
|
gradient: {0.4: '#FABE75', 0.65: '#F9A949', 1: '#F7931A'}
|
|
}).addTo(map);
|
|
}
|
|
}"
|
|
>
|
|
<div x-ref="map" style="height: 70vh;"></div>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
</div>
|