function initCreateUpdateVenue()
{


var mapCenter = new google.maps.LatLng({lat:  54.445886, lng: -3.435974});

var  marker, london = {lat:  52.41, lng: -1.69};
var ZoomLevel = 5;
map = new google.maps.Map(document.getElementsByName('googleMap')[0], {
    zoom: ZoomLevel,
    center: mapCenter,
    mapTypeId: google.maps.MapTypeId.ROADMAP
});

map.setZoom(5);


var input = (document.getElementsByName("autocomplete")[0]);
var options = {
    componentRestrictions: {
        country: "uk"
    }
};

var autocomplete =  new google.maps.places.Autocomplete(input, options);
autocomplete.bindTo('bounds', map);


autocomplete.addListener('place_changed', function() {
    var element = document.getElementsByName("autocomplete")[0];
    //remove any errors
    element.classList.remove("is-invalid");


    var place = autocomplete.getPlace();

    if (!place.geometry) {
        return;
    }


    populate_hidden_fields(place);


    set_venue_detail_fields(place);
    populate_fields(place.address_components);

    set_map_location();


});

<div id="adminVenueVue">
    <div class="row">
        <div class="col-lg-12 ">


            <div class="row">
                <div class="col-lg-12 ui-sortable-disabled">

                    <div class="panel">

                        <div class="panel-heading disable-draggable">Administrator Controls</div>
                        <div class="panel-body">
                            @include('venue.components.admin_controls', ['submitButtonText' => 'Add Type'])
                        </div>
                    </div>
                </div>

            </div>






            <div class="row">
                <div class="col-lg-12 ui-sortable-disabled">

                    <div class="panel">

                        <div class="panel-heading disable-draggable">Start by finding your address</div>
                             <div class="panel-body">
                                @include('venue.components.autocomplete-form', ['submitButtonText' => 'Add Type'])
                            </div>
                        </div>
                    </div>

                </div>



            <div class="row">
                    <div class="col-lg-6 ui-sortable-disabled">

                        <div class="panel">
                            <div class="panel-heading disable-draggable">Venue Details</div>
                            <div class="panel-body" style="padding-bottom: 16px;">
                                @include('venue.components.venue-details', ['submitButtonText' => 'Add Type'])
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-6 ui-sortable-disabled">

                        <div class="panel">
                            <div class="panel-heading disable-draggable " >Address Details</div>
                              <div class="panel-body">
                                @include('venue.components.form', ['submitButtonText' => 'Submit Venue'])
                             </div>
                        </div>
                    </div>
            </div>

        </div>
    </div>


                <div class="row">

                    <div class="col-lg-12 ui-sortable-disabled">
                        <div class="panel">
                            <div class="panel-heading disable-draggable">Map</div>

                            <div class="panel-body">
                                <div id="googleMap" name="googleMap" class="width-full" style="height: 500px;"></div>
                            </div>
                        </div>
                    </div>
                       </div>

    </div>