diff --git a/show-and-tell-demo/src/App.vue b/show-and-tell-demo/src/App.vue
index 0205484..ac8d734 100644
--- a/show-and-tell-demo/src/App.vue
+++ b/show-and-tell-demo/src/App.vue
@@ -1,12 +1,9 @@
@@ -14,7 +11,6 @@ export default {
-
diff --git a/show-and-tell-demo/src/components/LonLatBox.vue b/show-and-tell-demo/src/components/LonLatBox.vue
new file mode 100644
index 0000000..642a1ef
--- /dev/null
+++ b/show-and-tell-demo/src/components/LonLatBox.vue
@@ -0,0 +1,49 @@
+
+
+
+ lat: {{ this.lat }}
+
+
+ lon: {{ this.lon }}
+
+
+
+
+
diff --git a/show-and-tell-demo/src/components/Map.vue b/show-and-tell-demo/src/components/Map.vue
index bff9d7d..037c4f2 100644
--- a/show-and-tell-demo/src/components/Map.vue
+++ b/show-and-tell-demo/src/components/Map.vue
@@ -1,11 +1,24 @@
-
+
+
+
+
+
+
+
diff --git a/show-and-tell-demo/src/components/ViteLogo.vue b/show-and-tell-demo/src/components/ViteLogo.vue
index 1ecbbce..3b20aa3 100644
--- a/show-and-tell-demo/src/components/ViteLogo.vue
+++ b/show-and-tell-demo/src/components/ViteLogo.vue
@@ -1,23 +1,16 @@
-
+
+
![vite_logo](/vite.svg)
+
diff --git a/show-and-tell-demo/src/stores/MapStore.js b/show-and-tell-demo/src/stores/MapStore.js
index 16f35a2..38f8800 100644
--- a/show-and-tell-demo/src/stores/MapStore.js
+++ b/show-and-tell-demo/src/stores/MapStore.js
@@ -10,8 +10,8 @@ export const useMapStore = defineStore("mapStore", {
const view = new MapView({
map: map,
- zoom: 4,
- center: [-98, 35],
+ zoom: 6,
+ center: [-2.244, 53.483], // lon, lat
});
return { map: map, view: view };