I'm trying to make something where if you click on a google map, it places a marker down. I have a map already and in my init function I have tried to add a listener to the map. However, clicking on the map does not fire the listener. What gives?

Init:
Code:
init: function() {         var me = this,
                    map = me.getView('map'), //Reference to map view
                    store = map.getViewModel().getStore('Markers'), // Get the store from the ViewModel
                    markers = [], // Create and empty markers array
                    data;


                map.addListener('click', function(e){
                    placeMarker(event.latLng, map);
                });


                // Load the store
                store.load(function (records) {
                    // Iterate through each record
                    Ext.each(records, function (record) {
                        data = record.getData(); // Get the data object from each record
                        markers.push(data); // Push the objects onto the markers array
                    });
                });
                map.markers = markers;




    },
click function:
Code:
placeMarker: function(location, map) {        var store = map.getViewModel().getStore('Markers');
        var marker = new google.maps.Marker({
            position: location,
            map: map


        });
        store.add(marker);
        map.panTo(location);
    }