Google Maps Zoom in on Marker with One Click Multiple Markers

Looks like you have a scope problem.

Try this as eventlistener:

google.maps.event.addListener(marker, 'click', function() {
map.panTo(this.getPosition());
});  

this works here:

http://jsfiddle.net/iambnz/mQEwh/


Try This to get the smoothZoom to work:

Remove the "self" from the line in the smoothZoom function i.e

else {
                y = google.maps.event.addListener(map, 'zoom_changed', function(event){
                    google.maps.event.removeListener(y);
                    smoothZoom(map, max, cnt + 1);

Basically It wasn't working for me, so I brought up the error console on my browser and so it was erroring at this point saying that self.smoothZoom wasn't a function.

I removed the "self" and it works. Had some playing to do with the setTimeout variable to make it smoother. But at least it works :)