show map and how to arrive in place page

pages/event/_slug.vue

@@ -177,7 +177,7 @@ v-container#event.h-event.pa-2.pa-sm-2(itemscope itemtype="https://schema.org/Ev
       EmbedEvent(:event='event' @close='showEmbed=false')
     
     v-dialog(v-show='settings.allow_geolocation && event.place.latitude && event.place.longitude' v-model='mapModal' :fullscreen='$vuetify.breakpoint.xsOnly' destroy-on-close)
-      EventMapDialog(:event='event' @close='mapModal=false')        
+      EventMapDialog(:place='event.place' @close='mapModal=false')        
 
 </template>
 <script>

pages/place/_place.vue

@@ -5,6 +5,14 @@
     </h1>
     <span v-if='place.name!=="online"' class="d-block text-subtitle text-center w-100">{{ place.address }}</span>
 
+    <!-- Map -->
+    <div v-if='settings.allow_geolocation && place.latitude && place.longitude' class='my-4'>
+      <Map :place='place' height="35vh" />
+      <div class='my-4'>
+        <HowToArriveNav :place='place' class="justify-center" />
+      </div>
+    </div>
+
     <!-- Events -->
     <div id="events" class='mt-14'>
       <v-lazy class='event v-card' :value='idx<9' v-for='(event, idx) in events' :key='event.id' :min-height='hide_thumbs ? 105 : undefined' :options="{ threshold: .5, rootMargin: '500px' }" :class="{ 'theme--dark': is_dark }">
@@ -17,10 +25,15 @@
 
 import { mapState, mapGetters } from 'vuex'
 import Event from '@/components/Event'
+import HowToArriveNav from '@/components/HowToArriveNav.vue'
 
 export default {
   name: 'Place',
-  components: { Event },
+  components: { 
+    Event, 
+    HowToArriveNav,
+    [process.client && 'Map']: () => import('@/components/Map.vue')
+   },
   head() {
     const title = `${this.settings.title} - ${this.place.name}`
     return {