@extends('layouts.master-second')
@section('content')
{{-- Mapa --}}

<style>
html, body, #map {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
#map {
    position: relative;
}
</style>

<div class="container">
    <div class="columns">
        <div class="col-12">
            @component('partials.g-map-mobile', [
                'divHeight'=>'1000px',
                'map' =>[ 'center' => $cityPosition, 'zoom' => 11 ],
                'markers' => $markers,
                'data' => [
                    'categories' => $categories,
                    'cities' => $cities,
                    'slug' => $slug,
                    'category' => $category
                ]
            ])@endcomponent
        </div>
    </div>
</div>
@endsection