mirror of
https://github.com/Einundzwanzig-Podcast/einundzwanzig-portal.git
synced 2025-12-11 06:46:47 +00:00
add maps
This commit is contained in:
@@ -10,6 +10,14 @@
|
||||
<!-- Fonts -->
|
||||
@googlefonts
|
||||
<!-- Scripts -->
|
||||
<link rel="stylesheet" href="{{ asset('vendor/jvector/jquery-jvectormap-2.0.5.css') }}" type="text/css"
|
||||
media="screen"/>
|
||||
<script src="https://unpkg.com/jquery"></script>
|
||||
<script src="{{ asset('vendor/jvector/jquery-jvectormap-2.0.5.min.js') }}"></script>
|
||||
<script src="{{ asset('vendor/jvector/maps/de.js') }}"></script>
|
||||
<script src="{{ asset('vendor/jvector/maps/at.js') }}"></script>
|
||||
<script src="{{ asset('vendor/jvector/maps/ch.js') }}"></script>
|
||||
<script src="{{ asset('vendor/jvector/maps/fr.js') }}"></script>
|
||||
<script src="https://kit.fontawesome.com/03bc14bd1e.js" crossorigin="anonymous"></script>
|
||||
<script src="https://unpkg.com/smoothscroll-polyfill@0.4.4/dist/smoothscroll.js"></script>
|
||||
@mapscripts
|
||||
|
||||
@@ -10,11 +10,19 @@
|
||||
<!-- Fonts -->
|
||||
@googlefonts
|
||||
<!-- Scripts -->
|
||||
<link rel="stylesheet" href="{{ asset('vendor/jvector/jquery-jvectormap-2.0.5.css') }}" type="text/css"
|
||||
media="screen"/>
|
||||
<script src="https://unpkg.com/jquery"></script>
|
||||
<script src="{{ asset('vendor/jvector/jquery-jvectormap-2.0.5.min.js') }}"></script>
|
||||
<script src="{{ asset('vendor/jvector/maps/de.js') }}"></script>
|
||||
<script src="{{ asset('vendor/jvector/maps/at.js') }}"></script>
|
||||
<script src="{{ asset('vendor/jvector/maps/ch.js') }}"></script>
|
||||
<script src="{{ asset('vendor/jvector/maps/fr.js') }}"></script>
|
||||
<script src="https://kit.fontawesome.com/03bc14bd1e.js" crossorigin="anonymous"></script>
|
||||
<script src="https://unpkg.com/smoothscroll-polyfill@0.4.4/dist/smoothscroll.js"></script>
|
||||
@mapscripts
|
||||
<wireui:scripts/>
|
||||
<x-comments::scripts />
|
||||
<x-comments::scripts/>
|
||||
@vite(['resources/css/app.css', 'resources/js/app.js'])
|
||||
<!-- Styles -->
|
||||
@livewireStyles
|
||||
@@ -33,7 +41,7 @@
|
||||
|
||||
--comments-color-border: rgb(221, 221, 221);
|
||||
|
||||
--comments-color-text:white;
|
||||
--comments-color-text: white;
|
||||
--comments-color-text-dimmed: rgb(164, 164, 164);
|
||||
--comments-color-text-inverse: white;
|
||||
|
||||
@@ -48,6 +56,7 @@
|
||||
|
||||
--comments-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
||||
}
|
||||
|
||||
.comments-button {
|
||||
background-color: #F7931A !important;
|
||||
}
|
||||
|
||||
@@ -3,6 +3,33 @@
|
||||
<livewire:frontend.header :country="$country"/>
|
||||
{{-- MAIN --}}
|
||||
<section class="w-full mb-12">
|
||||
<div
|
||||
class="w-full flex justify-center"
|
||||
x-data="{
|
||||
init() {
|
||||
let markers = [{name: 'VAK', coords: [50.0091294, 9.0371812], status: 'closed', offsets: [0, 2]}];
|
||||
|
||||
$('#map').vectorMap({
|
||||
zoomButtons : false,
|
||||
zoomOnScroll: false,
|
||||
map: '{{ $country->code }}_merc',
|
||||
backgroundColor: 'transparent',
|
||||
// markers: markers.map(function(h){ return {name: h.name, latLng: h.coords} }),
|
||||
regionStyle: {
|
||||
initial: {
|
||||
fill: '#151515'
|
||||
},
|
||||
hover: {
|
||||
'fill-opacity': 1,
|
||||
cursor: 'default'
|
||||
},
|
||||
}
|
||||
});
|
||||
}
|
||||
}"
|
||||
>
|
||||
<div id="map" style="width: 600px; height: 400px"></div>
|
||||
</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>
|
||||
|
||||
Reference in New Issue
Block a user