world map

This commit is contained in:
Benjamin Takats
2022-12-15 22:59:18 +01:00
parent 133d2b2df8
commit 46d53ace79
6 changed files with 106 additions and 47 deletions

View File

@@ -51,43 +51,6 @@
</div>
<div class="max-w-screen-2xl mx-auto px-2 sm:px-10 space-y-4" id="table">
<livewire:tables.meetup-table :country="$country->code"/>
<div
wire:ignore
class="w-full flex justify-center"
x-data="{
init() {
let markers = {{ Js::from($allMarkers) }};
$('#mapworld').vectorMap({
zoomButtons : false,
zoomOnScroll: true,
map: 'world_mill',
backgroundColor: 'transparent',
markers: markers.map(function(h){ return {name: h.name, latLng: h.coords} }),
{{-- onMarkerClick: function(event, index) {--}}
{{-- $wire.call('filterByMarker', markers[index].id)--}}
{{-- },--}}
markerStyle: {
initial: {
image: '{{ asset('img/btc.png') }}',
}
},
regionStyle: {
initial: {
fill: '#151515'
},
hover: {
'fill-opacity': 1,
cursor: 'default'
},
}
});
}
}"
>
<div id="mapworld" style="width: 100%; height: 400px"></div>
</div>
</div>
</section>
{{-- FOOTER --}}