From a51fdc6b071b29ae1df0d730bfe8e0e0d954ae05 Mon Sep 17 00:00:00 2001
From: Manuel Kasper <mk@neon1.net>
Date: Wed, 14 Jul 2021 19:30:31 +0200
Subject: [PATCH] Add camera altitude calculation (as per #14)

---
 src/components/Coordinates.vue | 9 ++++++++-
 src/views/Summit.vue           | 2 +-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/Coordinates.vue b/src/components/Coordinates.vue
index c2d622c..ff95179 100644
--- a/src/components/Coordinates.vue
+++ b/src/components/Coordinates.vue
@@ -34,6 +34,7 @@ export default {
   props: {
     latitude: Number,
     longitude: Number,
+    altitude: Number,
     reference: String,
     showMaidenhead: Boolean,
     showElevation: Boolean
@@ -376,7 +377,13 @@ export default {
         {
           name: 'FatMap',
           url: () => {
-            return `https://fatmap.com/adventures/@${this.latitude},${this.longitude},10000,-66,-12,satellite`
+            let cameraAltitude = 10000
+            if (this.altitude) {
+              cameraAltitude = Math.round((this.altitude * 2) * 3.28)
+            } else if (this.elevation) {
+              cameraAltitude = Math.round((this.elevation * 2) * 3.28)
+            }
+            return `https://fatmap.com/adventures/@${this.latitude},${this.longitude},${cameraAltitude},-66,-12,satellite`
           }
         },
         {
diff --git a/src/views/Summit.vue b/src/views/Summit.vue
index 3c726b1..66e0133 100644
--- a/src/views/Summit.vue
+++ b/src/views/Summit.vue
@@ -50,7 +50,7 @@
             </div>
           </div>
           <div v-if="!enlargeMap" class="column">
-            <div>Coordinates: <Coordinates v-if="summit.coordinates" :latitude="summit.coordinates.latitude" :longitude="summit.coordinates.longitude" :reference="summit.code" /></div>
+            <div>Coordinates: <Coordinates v-if="summit.coordinates" :latitude="summit.coordinates.latitude" :longitude="summit.coordinates.longitude" :altitude="summit.altitude" :reference="summit.code" /></div>
             <div>Locator: <span class="locator">{{ locator }}</span></div>
             <div v-if="$keycloak && $keycloak.authenticated && summit.coordinates">Distance/Bearing: <Bearing :latitude="summit.coordinates.latitude" :longitude="summit.coordinates.longitude" /></div>
             <div v-if="firstActivations">First activation: