From 447f157fecbce183c06a3fb50f31a189f3f3895a Mon Sep 17 00:00:00 2001
From: Anthony Catel <paraboul@gmail.com>
Date: Thu, 8 Oct 2020 17:28:31 +0200
Subject: [PATCH] Fix examples (add reloadHash)

---
 src/App.vue            | 6 +++---
 src/components/Map.vue | 9 ++++++++-
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index d4ebf47..4591188 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -38,9 +38,9 @@
             <div class="shadow-md md:rounded-md px-4 py-3 bg-white md:mt-4 mb-4 md:mb-8">
                 <h2 class="font-bold mb-2">Examples</h2>
 
-                <a href="https://www.mapchecking.com/#bAABAQJtzQ0LZXRJAAACQQRh0Q0JORBJA03NDQsdDEkC4c0NCrU4SQF5zQ0IFUhJAJnNDQoBWEkD5ckNCglsSQCFzQ0J_ZhJAlXNDQsdwEkDVc0NCT3ESQA90Q0LgfRJAXXRDQnh8EkAhdENCQHASQFB0Q0K9bBJAqXRDQu9uEkDadENCwGkSQHl0Q0JSZhJAe3RDQiNhEkB-dENCaV4SQNt0Q0KnXBJA4XRDQkJYEkCYdENC9lgSQGp0Q0LAWRJAWnRDQuhXEkC8dENC-k0SQH90Q0K2SRJAD3RDQiNREkA" class="inline-block btn rounded-md mr-3 mb-2 text-sm">Place du Trocadeo - Paris</a>
-                <a href="https://www.mapchecking.com/#bAAAAQEJ4Q0IdShdAAACQQcp4Q0IfKxdAeXlDQtI7F0CseENClVIXQNl3Q0IeaBdAG3dDQnlYF0A" class="inline-block btn rounded-md mr-3 mb-2 text-sm">Place de la République</a>
-                <a href="https://www.mapchecking.com/#bAAAAQHoRUkLzzlVBAABwQRsPUkISoVVB0A5SQhKhVUF_EFJChAhWQccQUkJBCFZB" class="inline-block btn rounded-md mr-3 mb-2 text-sm">Tiergatern - Berlin</a>
+                <a href="javascript:void(0)" @click="$refs.map.reloadHash('bAABAQJtzQ0LZXRJAAACQQRh0Q0JORBJA03NDQsdDEkC4c0NCrU4SQF5zQ0IFUhJAJnNDQoBWEkD5ckNCglsSQCFzQ0J_ZhJAlXNDQsdwEkDVc0NCT3ESQA90Q0LgfRJAXXRDQnh8EkAhdENCQHASQFB0Q0K9bBJAqXRDQu9uEkDadENCwGkSQHl0Q0JSZhJAe3RDQiNhEkB-dENCaV4SQNt0Q0KnXBJA4XRDQkJYEkCYdENC9lgSQGp0Q0LAWRJAWnRDQuhXEkC8dENC-k0SQH90Q0K2SRJAD3RDQiNREkA')" class="inline-block btn rounded-md mr-3 mb-2 text-sm">Place du Trocadeo - Paris</a>
+                <a href="javascript:void(0)" @click="$refs.map.reloadHash('bAAAAQEJ4Q0IdShdAAACQQcp4Q0IfKxdAeXlDQtI7F0CseENClVIXQNl3Q0IeaBdAG3dDQnlYF0A')" class="inline-block btn rounded-md mr-3 mb-2 text-sm">Place de la République</a>
+                <a href="javascript:void(0)" @click="$refs.map.reloadHash('bAAAAQHoRUkLzzlVBAABwQRsPUkISoVVB0A5SQhKhVUF_EFJChAhWQccQUkJBCFZB')" class="inline-block btn rounded-md mr-3 mb-2 text-sm">Tiergatern - Berlin</a>
             </div>
 
             <div class="flex justify-around text-center order-last bg-white p-3 text-xs tracking-tight border-t border-gray-300">
diff --git a/src/components/Map.vue b/src/components/Map.vue
index 5a1291a..4c51e76 100644
--- a/src/components/Map.vue
+++ b/src/components/Map.vue
@@ -158,6 +158,13 @@
                 this.$emit('surfaceUpdate', this.surface);
             },
 
+            reloadHash(hash) {
+                this.loadHash(hash);
+
+                ["insert_at", "remove_at", "set_at"].forEach(ev => google.maps.event.addListener(this.$poly.getPath(), ev, this.surfaceUpdated));
+                this.updatePolygonColor();
+            },
+
             loadHash(hash) {
                 if (hash[0] != 'b') {
                     return this.loadLegacyHash(hash);
@@ -192,7 +199,7 @@
 
             loadLegacyHash(hash) {
                 let opt = hash.split(';');
-                console.log(opt);
+
                 let curPosition = opt.pop();
 
                 if (curPosition) {