MAPG-123 [WIP] use MutationObserver

public/static/js/game.js

@@ -336,7 +336,10 @@
         },
 
         rewriteGoogleLink: function () {
-            if (!Game.googleLink) {
+            if (Game.googleLink) {
+                return;
+            }
+
             var anchors = document.getElementById('panorama').getElementsByTagName('a');
             for (var i = 0; i < anchors.length; i++) {
                 var a = anchors[i];
@@ -345,14 +348,22 @@
                     break;
                 }
             }
+
+            if (!Game.googleLink) {
+                return;
             }
 
-            setTimeout(function () {
+            var observer = new MutationObserver(function(mutationsList, observer) {
-                if (Game.googleLink) {
+                for (let mutation of mutationsList) {
+                    if (mutation.attributeName === 'href' && Game.googleLink.href !== 'https://maps.google.com/maps') {
+                        console.log(Game.googleLink.href + ' is changed.')
                         Game.googleLink.title = 'Google Maps';
                         Game.googleLink.href = 'https://maps.google.com/maps';
                     }
-            }, 1);
+                }
+            });
+
+            observer.observe(Game.googleLink, { attributes: true });
         }
     };
 
@@ -425,10 +436,6 @@
         Game.rewriteGoogleLink();
     });
 
-    Game.panorama.addListener('pov_changed', function () {
-        Game.rewriteGoogleLink();
-    });
-
     Game.initialize();
 
     document.getElementById('showGuessButton').onclick = function () {