diff --git a/webclient/app/components/DetailsInteractiveMap.vue b/webclient/app/components/DetailsInteractiveMap.vue
index 1843e9ecf..0896f17af 100644
--- a/webclient/app/components/DetailsInteractiveMap.vue
+++ b/webclient/app/components/DetailsInteractiveMap.vue
@@ -77,6 +77,8 @@ function createMarker(hueRotation = 0) {
 function initMap(containerId: string) {
   const map = new Map({
     container: containerId,
+    // to make sure that users can share urls
+    hash: true,
 
     // create the gl context with MSAA antialiasing, so custom layers are antialiasing.
     // slower, but prettier and therefore worth it for our use case
diff --git a/webclient/app/components/IndoorMap.vue b/webclient/app/components/IndoorMap.vue
index 2b4efd495..87a47c9d7 100644
--- a/webclient/app/components/IndoorMap.vue
+++ b/webclient/app/components/IndoorMap.vue
@@ -79,6 +79,8 @@ function createMarker(hueRotation = 0): HTMLDivElement {
 async function initMap(containerId: string) {
   const map = new Map({
     container: containerId,
+    // to make sure that users can share urls
+    hash: true,
 
     // create the gl context with MSAA antialiasing, so custom layers are antialiasing.
     // slower, but prettier and therefore worth it for our use case