Im having some problem displaying record data inside map render ... on second console log it works perfect but on first it says null... do u have any ideas why ? U can see my code bellow.

Code:
                xtype: 'map',
                id:'map',
                flex: 1,
                mapOptions: {
                    zoom: 13,
                    mapTypeId: google.maps.MapTypeId.ROADMAP,
                },
                listeners: {
                    maprender : function(comp, map){
                        var directionsDisplay = new google.maps.DirectionsRenderer();
                        var directionsService = new google.maps.DirectionsService();
                        directionsDisplay.setMap(map);
                        var data = Ext.getCmp('map');//GET COMPONENT
                        console.log(data._data); //DISPLAY COMPONENT DATA - doesnt work
                        var start = "berlin";
                        var end = "munich";
                        var request = {
                            origin:start, 
                            destination:end,
                            travelMode: google.maps.DirectionsTravelMode.DRIVING,
                        };
                        directionsService.route(request, function(response, status) {
                            if (status == google.maps.DirectionsStatus.OK) {
                                directionsDisplay.setDirections(response);
                                var miles = Ext.getCmp('miles'),
                            }
                        });
                        Ext.device.Geolocation.getCurrentPosition({
                            success: function(position) {
                                console.log(data._data); // DISPLAY COMPONENT DATA - works
                                var long = position.coords.longitude,
                                 lat = position.coords.latitude;
                                var marker = new google.maps.Marker({
                                    position: new google.maps.LatLng(lat,long),
                                    title : 'Me',
                                    map: map
                                });
                            },
                            failure: function() {
                                console.log('something went wrong!');
                            }
                        });
                    }

Code:
    updateRecord: function(newRecord) {
        if (newRecord) {
            this.down('#map').setData(newRecord.data); //SET DATA TO COMPONENT
        }
And another question would be how to add zoom option to the map? zoomControl: true doesnt work. It shows zoom control but im not able to click on it.