update center point on geoxml3 - google-maps-api-3

Question

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.
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');
Once the above is loaded i want to apply chnages using onclick. my onclick runs following js function
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);
}
This does not retain the original style etc..

Answer 1

I have it working now. i was recreating the map object.
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(31.137854, -90.256931);
break;
case "south":
latlng = new google.maps.LatLng(31.137854, -90.256931);
break;
case "caribbean":
latlng = new google.maps.LatLng(31.137854, -90.256931);
break;
case "eu":
latlng = new google.maps.LatLng(50.352658, -9.316490);
break;
case "med":
latlng = new google.maps.LatLng(37.309248, 18.786537);
break;
case "africa":
latlng = new google.maps.LatLng(-14.933886, -59.495213);
break;
case "asia":
latlng = new google.maps.LatLng(31.137854, -90.256931);
break;
}
//gMap = new google.maps.Map(document.getElementById('map_canvas'));
map.setZoom(3); // This will trigger a zoom_changed on the map
map.setCenter(latlng);
//console.log( geoXml.getDefaultBounds());
//return false;
}