fix: map navigation

louiechristie · Mar 2, 2023 · 2df128c · 2df128c
1 parent f04c7b8
commit 2df128c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/src/components/templates/Page.js b/src/components/templates/Page.js
@@ -87,7 +87,8 @@ const Page = ({ page, ctx, places }) => {
                           href={`https://maps.google.com/?q=${location?.latitude},${location?.longitude}&ll=${location?.latitude},${location?.longitude}`}
                         >
                           Google Maps
-                        </a>{" "}
+                        </a>
+                        {", "}
                         <a
                           href={`http://maps.apple.com/?sll=${location?.latitude},${location?.longitude}&z=10&t=s`}
                         >

diff --git a/src/components/templates/Post.js b/src/components/templates/Post.js
@@ -98,17 +98,20 @@ const Post = ({ post, ctx, places }) => {
                 <figcaption>
                   Navigate there using{" "}
                   <a
-                    href={`https://maps.google.com/?q=${latitude},${longitude}&ll=${latitude},${longitude}`}
+                    href={`https://maps.google.com/?q=${location?.latitude},${location?.longitude}&ll=${location?.latitude},${location?.longitude}`}
                   >
                     Google Maps
-                  </a>{" "}
+                  </a>
+                  {", "}
                   <a
-                    href={`http://maps.apple.com/?sll=${latitude},${longitude}&z=10&t=s`}
+                    href={`http://maps.apple.com/?sll=${location?.latitude},${location?.longitude}&z=10&t=s`}
                   >
                     Apple Maps
                   </a>
                   , or{" "}
-                  <a href={`geo:${latitude},${longitude}`}>another map app</a>
+                  <a href={`geo:${location?.latitude},${location?.longitude}`}>
+                    another map app
+                  </a>
                 </figcaption>
               </figure>
             </div>