Display with a map

org-SCAN · Feb 26, 2024 · 61c479e · 61c479e
1 parent be76f40
commit 61c479e
Showing 1 changed file with 17 additions and 2 deletions.
diff --git a/src/resources/views/places/show.blade.php b/src/resources/views/places/show.blade.php
@@ -28,8 +28,23 @@ class="bg-gray-200 hover:bg-gray-300 text-black font-bold py-2 px-4 rounded">
                 </p>
             </div>
 
-            <!-- TODO: Add a map here -->
-
+            <div class="block mb-8">
+                <div class="-my-2 sm:-mx-6 lg:-mx-8">
+                    <div class="py-2 align-middle inline-block min-w-full sm:px-6 lg:px-8">
+                        <div style="height: 400px" class="shadow overflow-hidden border-b border-gray-200 sm:rounded-lg">
+                            @map([
+                            'lat' => $place->lat,
+                            'lng' => $place->lon,
+                            'zoom' => 10,
+                            'markers' => [
+                            ['lat' => $place->lat, 'lng' => $place->lon],
+                            ]
+                            ])
+                            @mapscripts
+                        </div>
+                    </div>
+                </div>
+            </div>
         </div>
     </div>
 </x-app-layout>