title: update center point on geoxml3
body: <p>I have loaded and styled using geoxml3. Now i want to update the map changing only center point and zoom level. how can i achieve this.</p>
  
  <pre><code>var latlng = new google.maps.LatLng(29.722601, -11.681680); 
      var myOptions = {
              zoom : 1,
              //minZoom:2,
              maxZoom:10,
              center : latlng,
              //disableDefaultUI: true,
              streetViewControl: false,
              mapTypeControl: false,
              panControl: true,
              zoomControl: true,
              suppressInfoWindows : true,
              preserveViewport : true,
              scrollwheel: false,
              styles:style
          };
  
      map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  
      var geoXml = new geoXML3.parser({
          map: map,
          singleInfoWindow: false,
          afterParse: useTheData,
          suppressInfoWindows : true,
          zoom : false
      });
      geoXml.parse(url_kml+'basins.kml');
  </code></pre>
  
  <p>Once the above is loaded i want to apply chnages using onclick. my onclick runs following <code>js</code> function</p>
  
  <pre><code>function updatekmmap(region){
      console.log(region);
      console.log(map);
      var latlng = new google.maps.LatLng(29.722601, -11.681680);
      //
      switch(region){
      case "north":
          latlng = new google.maps.LatLng(56.065192, -104.814452); 
          break;
      }
      gMap = new google.maps.Map(document.getElementById('map_canvas')); 
      gMap.setZoom(10);      // This will trigger a zoom_changed on the map
      gMap.setCenter(latlng);
  
  }
  </code></pre>
  
  <p>This does not retain the original style etc..</p>