feat: add visited cities to map

martapanc · Apr 14, 2024 · ba63b72 · ba63b72
1 parent 72aed38
commit ba63b72
Show file tree

Hide file tree

Showing 2 changed files with 92 additions and 14 deletions.
diff --git a/src/components/organisms/about/Travel.tsx b/src/components/organisms/about/Travel.tsx
@@ -10,6 +10,7 @@ import am5geodata_worldLow from '@amcharts/amcharts5-geodata/worldLow';
 import { useLayoutEffect } from 'react';
 
 import {
+  citiesVisited,
   countriesVisited,
   italyVisitedRegions,
   ukVisitedRegions,
@@ -99,6 +100,25 @@ const Travel = () => {
       }),
     );
 
+    const citySeries = chart.series.push(
+      am5map.MapPointSeries.new(root, {
+        latitudeField: 'lat',
+        longitudeField: 'lon',
+      }),
+    );
+
+    citySeries.data.setAll(citiesVisited);
+
+    citySeries.bullets.push(function () {
+      return am5.Bullet.new(root, {
+        sprite: am5.Circle.new(root, {
+          radius: 4,
+          fill: am5.color('#ffba00'),
+          tooltipText: '{name}',
+        }),
+      });
+    });
+
     worldSeries.events.on('datavalidated', function () {
       chart.goHome();
     });

diff --git a/src/data/about/travel/data.ts b/src/data/about/travel/data.ts
@@ -208,17 +208,75 @@ export const ukVisitedRegions = [
   'GB-UKJ',
 ];
 
-// const countriesLived = [
-//     {
-//         "name": "France"
-//     },
-//     {
-//         "name": "Italy"
-//     },
-//     {
-//         "name": "United Kingdom"
-//     },
-//     {
-//         "name": "United States"
-//     }
-// ]
+export const citiesVisited = [
+  { name: 'Alicante', lat: 38.3452, lon: -0.481 },
+  { name: 'Amsterdam', lat: 52.3676, lon: 4.9041 },
+  { name: 'Asheville', lat: 35.539, lon: -82.6478 },
+  { name: 'Atlanta', lat: 33.749, lon: -84.388 },
+  { name: 'Austin', lat: 30.2672, lon: -97.7431 },
+  { name: 'Barcelona', lat: 41.3851, lon: 2.1734 },
+  { name: 'Basel', lat: 47.5596, lon: 7.5886 },
+  { name: 'Berlin', lat: 52.52, lon: 13.405 },
+  { name: 'Belfast', lat: 54.5973, lon: -5.9301 },
+  { name: 'Birmingham', lat: 52.4862, lon: -1.8904 },
+  { name: 'Bologna', lat: 44.4949, lon: 11.3426 },
+  { name: 'Bolzano', lat: 46.4907, lon: 11.3399 },
+  { name: 'Bratislava', lat: 48.1486, lon: 17.1077 },
+  { name: 'Brussels', lat: 50.8503, lon: 4.3517 },
+  { name: 'Charleston', lat: 32.7765, lon: -79.9311 },
+  { name: 'Dublin', lat: 53.3498, lon: -6.2603 },
+  { name: 'Edinburgh', lat: 55.9533, lon: -3.1883 },
+  { name: 'Florence', lat: 43.7696, lon: 11.2558 },
+  { name: 'Galway', lat: 53.2707, lon: -9.0568 },
+  { name: 'Genoa', lat: 44.4056, lon: 8.9463 },
+  { name: 'Glasgow', lat: 55.8642, lon: -4.2518 },
+  { name: 'Granada', lat: 37.1773, lon: -3.5985 },
+  { name: 'Grenoble', lat: 45.1885, lon: 5.7245 },
+  { name: 'Frankfurt', lat: 50.1109, lon: 8.6821 },
+  { name: 'Funchal', lat: 32.6669, lon: -16.9241 },
+  { name: 'Hamburg', lat: 53.5511, lon: 9.9937 },
+  { name: 'Houston', lat: 29.7604, lon: -95.3698 },
+  { name: 'Inverness', lat: 57.4778, lon: -4.2247 },
+  { name: 'Lisbon', lat: 38.7223, lon: -9.1393 },
+  { name: 'Liverpool', lat: 53.4084, lon: -2.9916 },
+  { name: 'London', lat: 51.5074, lon: -0.1278 },
+  { name: 'Lyon', lat: 45.764, lon: 4.8357 },
+  { name: 'Madrid', lat: 40.4168, lon: -3.7038 },
+  { name: 'Malaga', lat: 36.7212, lon: -4.4213 },
+  { name: 'Manchester', lat: 53.4808, lon: -2.2426 },
+  { name: 'Milan', lat: 45.4642, lon: 9.19 },
+  { name: 'Monaco', lat: 43.7384, lon: 7.4246 },
+  { name: 'Moscow', lat: 55.7558, lon: 37.6176 },
+  { name: 'Munich', lat: 48.1351, lon: 11.582 },
+  { name: 'Naples', lat: 40.8518, lon: 14.2681 },
+  { name: 'New York', lat: 40.7591, lon: -74.0516 },
+  { name: 'Nice', lat: 43.7102, lon: 7.262 },
+  { name: 'Orlando', lat: 28.5383, lon: -81.3792 },
+  { name: 'Panama City', lat: 30.2038, lon: -85.6858 },
+  { name: 'Paris', lat: 48.8566, lon: 2.3522 },
+  { name: 'Philadelphia', lat: 39.9526, lon: -75.1652 },
+  { name: 'Porto', lat: 41.1579, lon: -8.6291 },
+  { name: 'Puerto del Rosario', lat: 28.3, lon: -16.3627 },
+  { name: 'Reykjavik', lat: 64.1466, lon: -21.5426 },
+  { name: 'Rome', lat: 41.9028, lon: 12.4964 },
+  { name: 'Rotterdam', lat: 51.9244, lon: 4.4777 },
+  { name: 'Salzburg', lat: 47.8095, lon: 13.055 },
+  { name: 'San Francisco', lat: 37.7749, lon: -122.4194 },
+  { name: 'San Jose', lat: 37.3382, lon: -121.8863 },
+  { name: 'San Marino', lat: 43.9424, lon: 12.4578 },
+  { name: 'Seville', lat: 37.3891, lon: -5.9845 },
+  { name: 'Shanghai', lat: 31.2304, lon: 121.4737 },
+  { name: 'Strasbourg', lat: 48.5734, lon: 7.7521 },
+  { name: 'Toulouse', lat: 43.06124, lon: 1.5661 },
+  { name: 'Turin', lat: 45.0703, lon: 7.6869 },
+  { name: 'Valencia', lat: 39.4699, lon: -0.3763 },
+  { name: 'Valletta', lat: 35.8989, lon: 14.5146 },
+  { name: 'Venice', lat: 45.4408, lon: 12.3155 },
+  { name: 'Vienna', lat: 48.2082, lon: 16.3738 },
+  { name: 'Vik', lat: 63.4196, lon: -19.0047 },
+  { name: 'Warsaw', lat: 52.2297, lon: 21.0122 },
+  { name: 'Washington DC', lat: 38.9072, lon: -77.0369 },
+  { name: 'York', lat: 53.9591, lon: -1.0812 },
+  { name: 'Zaragoza', lat: 41.6517, lon: -0.9729 },
+  { name: 'Zurich', lat: 47.3769, lon: 8.5417 },
+];