vector maps coordinates added

This commit is contained in:
Benjamin Takats
2022-12-13 20:17:51 +01:00
parent 26c699ab1a
commit 71addfcd62
7 changed files with 1454 additions and 23 deletions

View File

@@ -37,17 +37,19 @@
</div>
</div>
{{--<div class="flex items-center justify-end mt-4">
@if(app()->environment('local'))
<div class="flex items-center justify-end mt-4">
<x-button icon="login" secondary class="ml-4" wire:click="switchToEmailLogin">
{{ __('E-Mail login') }}
</x-button>
<x-button icon="login" secondary class="ml-4" wire:click="switchToEmailLogin">
{{ __('E-Mail login') }}
</x-button>
<x-button icon="at-symbol" primary class="ml-4" wire:click="switchToEmailSignup">
{{ __('E-Mail Registrierung') }}
</x-button>
<x-button icon="at-symbol" primary class="ml-4" wire:click="switchToEmailSignup">
{{ __('E-Mail Registrierung') }}
</x-button>
</div>--}}
</div>
@endif
</div>
<div wire:poll="checkAuth" wire:key="checkAuth"></div>
</x-jet-authentication-card>

View File

@@ -7,14 +7,20 @@
class="w-full flex justify-center"
x-data="{
init() {
let markers = [{name: 'VAK', coords: [50.0091294, 9.0371812], status: 'closed', offsets: [0, 2]}];
let markers = {{ Js::from($markers) }};
console.log(markers);
$('#map').vectorMap({
zoomButtons : false,
zoomOnScroll: false,
zoomOnScroll: true,
map: '{{ $country->code }}_merc',
backgroundColor: 'transparent',
// markers: markers.map(function(h){ return {name: h.name, latLng: h.coords} }),
markers: markers.map(function(h){ return {name: h.name, latLng: h.coords} }),
markerStyle: {
initial: {
image: '{{ asset('img/btc.png') }}',
}
},
regionStyle: {
initial: {
fill: '#151515'