✨ (transaction) add map with location

src/views/transactions/TransactionItem.vue

@@ -129,6 +129,11 @@
         supprimer
       </confirm-button>
     </div>
+    <earth-map
+      v-if="transaction.location"
+      :lat="transaction.location.lat"
+      :lon="transaction.location.lon"
+    />
   </div>
 </template>
 
@@ -151,6 +156,7 @@ import ISplit from '@/models/ISplit'
 @Component({
   components: {
     'online-view': () => import('@/components/OnlineView.vue'),
+    'earth-map': () => import('@/components/EarthMap.vue'),
     'confirm-button': () => import('@/components/ConfirmButton.vue')
   }
 })
@@ -164,6 +170,7 @@ export default class TransactionItem extends Vue {
   public noTag: string = TransactionTag.None
   public transactionTagLabel: typeof TransactionTagLabel = TransactionTagLabel
   public removing: boolean = false
+  public earth: any | null = null
 
   public created(): void {
     this.getData()
@@ -309,7 +316,9 @@ export default class TransactionItem extends Vue {
 }
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
+@import url('https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css');
+
 p.resume {
   font-size: 18pt;
   margin: 15px 0;