zoom in country

resources/views/livewire/meetup/meetup-event-table.blade.php

@@ -80,9 +80,11 @@
                 </div>
                 <div class="w-1/2">
                     @php
+                        $focus = '';
                         $map = $country->code . '_merc';
                         if (!\File::exists(public_path('vendor/jvector/maps/' . $country->code . '.js'))) {
                             $map = 'europe_merc';
+                            $focus = 'focusOn: {lat:'.$country->latitude.',lng:'.$country->longitude.',scale:8,animate:true},';
                         }
                     @endphp
                     <div
@@ -93,6 +95,7 @@
                                 let markers = {{ Js::from($markers) }};
 
                                 $('#map').vectorMap({
+                                    {{ $focus }}
                                     zoomButtons : false,
                                     zoomOnScroll: true,
                                     map: '{{ $map }}',