geocomplete zoom not working

geocomplete zoom not working

I have this code



  1.  $(function(){
             
            $("#geocomplete").geocomplete({       
              map: ".map_canvas",
              mapOptions: {
                zoom: 25
                },
              details: "form ",
              markerOptions: {
                draggable: true
              },
             
            });
             
            $("#geocomplete").bind("geocode:dragged", function(event, latLng){
              $("input[name=lat]").val(latLng.lat());
              $("input[name=lng]").val(latLng.lng());
              $("#lat]").val(latLng.lat());
              $("#lng]").val(latLng.lng());             
            });
             
            $("#geocomplete").trigger("geocode");      
            $("#find").click(function(){
                  document.getElementById("geocomplete").value = document.getElementById("event_postcode").value + " United Kingdom";              
                $("#geocomplete").trigger("geocode");
            }).click();
             
            $('#event_postcode').bind('input', function() {          
                  document.getElementById("geocomplete").value = document.getElementById("event_postcode").value + " United Kingdom";              
                $("#geocomplete").trigger("geocode");                       
            });
          });

How do I get the initial map to be zoomed in on the UK?  I have it set to the UK and the Marker is on the UK but it needs tom be zoomed in  and adding
            mapOptions: {
                  zoom: 25
            },


Hasn't made any difference


Thanks