|
|
|
@ -41,6 +41,7 @@ |
|
|
|
<div class="col-md-6"> |
|
|
|
<div class="panel panel-default"> |
|
|
|
<div class="panel-heading"><h3 class="panel-title">{{ __('user.cemetery_location') }}</h3></div> |
|
|
|
@if ($mapCenterLatitude && $mapCenterLongitude) |
|
|
|
<div class="panel-body"><div id="mapid"></div></div> |
|
|
|
<div class="panel-footer"> |
|
|
|
@php |
|
|
|
@ -52,28 +53,31 @@ |
|
|
|
['class' => 'btn btn-default btn-block', 'target' => '_blank'] |
|
|
|
) }} |
|
|
|
</div> |
|
|
|
@else |
|
|
|
<div class="panel-body">{{ __('app.data_not_available') }}</div> |
|
|
|
@endif |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@endsection |
|
|
|
|
|
|
|
|
|
|
|
@section('ext_css') |
|
|
|
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" |
|
|
|
@if ($mapCenterLatitude && $mapCenterLongitude) |
|
|
|
@section('ext_css') |
|
|
|
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" |
|
|
|
integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A==" |
|
|
|
crossorigin=""/> |
|
|
|
|
|
|
|
<style> |
|
|
|
<style> |
|
|
|
#mapid { height: 300px; }
|
|
|
|
</style> |
|
|
|
@endsection |
|
|
|
</style> |
|
|
|
@endsection |
|
|
|
|
|
|
|
@section('script') |
|
|
|
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js" |
|
|
|
@section('script') |
|
|
|
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js" |
|
|
|
integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA==" |
|
|
|
crossorigin=""></script> |
|
|
|
|
|
|
|
<script> |
|
|
|
<script> |
|
|
|
var mapCenter = [{{ $mapCenterLatitude }}, {{ $mapCenterLongitude }}]; |
|
|
|
var map = L.map('mapid').setView(mapCenter, {{ $mapZoomLevel }}); |
|
|
|
|
|
|
|
@ -82,5 +86,6 @@ |
|
|
|
}).addTo(map); |
|
|
|
|
|
|
|
var marker = L.marker(mapCenter).addTo(map); |
|
|
|
</script> |
|
|
|
@endsection |
|
|
|
</script> |
|
|
|
@endsection |
|
|
|
@endif |