Add camera altitude calculation (as per #14)

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`
           }
         },
         {

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: