title: Move google map center point onclick
body: <p>I have initialized the Google Maps <code>load</code> function, and it works fine. There are also multiple markers with clusters. I haven't put markers and cluster codes here. Those are standard code. My code:</p>
  
  <pre><code>jQuery(document).ready(function(){
      initialize();
  });
  
  function initialize() {
      var center = new google.maps.LatLng(59.875405, 10.842099);
      var zoom = 10;
      var map = new google.maps.Map(document.getElementById('map-canvas'), {
          zoom: zoom,
          center: center,
          mapTypeId: google.maps.MapTypeId.ROADMAP
      });
  }
  function mapAnimate(){
      var map = google.maps.Map(document.getElementById("map-canvas"));
      google.maps.event.addListenerOnce(map, 'tilesloaded', function() {
          window.setTimeout(function() {
              map.panTo(new google.maps.LatLng(58.9633, 5.7189));
          }, 500);
      });
  }
  </code></pre>
  
  <p>Then I want to move the map to another center position without re-generating the map. There is a link which calls the function <code>mapAnimate()</code>.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;a href="javascript:void(0);" onclick="mapAnimate()"&gt;test&lt;/a&gt;
  </code></pre>
  
  <p>But it does not work. I get an error like this: </p>
  
  <pre><code>TypeError: c[Eb] is not a function......
  </code></pre>
  
  <p>Actually I don't get the map instance.</p>