jQuery Funktion austauschen

[Jessica]

Guten Abend,

ich hoffe Ihr könnt mir helfen, ich bin im Thema jQuery noch recht unerfahren. Rufe meine GoogleMaps wie folgt auf:

  
 $('#geo_karte').gmap3({  
 map: {  
    options: {  
      maxZoom: 14,  
      streetViewControl: true,  
    }  
	 },  
/* streetviewpanorama:{  
    address: "10711 Berlin, Karlsruher Straß",  
	options:{  
      container: $("#geo_karte"),  
      opts:{  
        pov: {  
          heading: 34,  
          pitch: 10,  
          zoom: 1  
        }  
      }  
    }  
 },  
*/  
 marker:{  
    address: "10711 Berlin, Karlsruher Straße",  
    options: {  
     icon: new google.maps.MarkerImage(  
       "http://gmap3.net/skin/gmap/magicshow.png",  
       new google.maps.Size(32, 37, "px", "px")  
     )  
    }  
 }  
},  
  
"autofit" );  
		});  
  

Mein HTML sieht so aus

  
<div id="geo_karten"><div id="geo_karte"></div>  

und mein CSS so

  
#geo_karte{  
	height: 400px;  
	width: 643px;  
	overflow: hidden;  
 	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.1);  
  
}  

das funktioniert wunderbar, jetzt möchte ich gerne via jQuery sprich ohne die Seite neu zu laden Streetview anzeigen lassen, dieses ist oben im JS Code auskommentiert, ein Kollege meinte er hätte etwas gehört, dass man eine jQuery Funktion austauschen muss, konnte mir aber nicht wirklich weiter helfen. Mein Link sieht derzeit so aus

  
<div id="geo_street"><a href="javascript: void (0);" id="Streetview">Streetview zeigen</a></div>  

Könnt ihr mir vielleicht weiter helfen, dass ich das ausgetauscht bekomme?

Liebe Grüße,
Jessica