59.location map

 <input type= "hidden" class="field" id="street_number" name="street_number"></input>
        <input  type= "hidden" class="field" id="route" name="route"></input>
        <input type= "hidden" class="field" id="locality" name="locality"></input>

        <input type= "hidden" class="field" id="administrative_area_level_1" name="administrative_area_level_1"></input>
        <input type= "hidden" class="field" id="postal_code" name="postal_code"></input>

        <input type= "hidden" class="field" id="country" name="country"></input>
        <input type= "hidden" class="field" id="latitude" name="latitude"></input>
        <input type= "hidden" class="field" id="longitude" name="longitude"></input>
<script>
jQuery('#global_page_user-signup-index #timezone-wrapper').after('<div class="pro_field_wrapper"><span class="location_text_span" style="font-weight: bold;">Location </span> <input id="pac-input" class="controls1" type="text" style="font-weight:bold;" placeholder="Location" ><div id="map" style="margin-top: 13px;"></div><div class="form-label" id="location-label">&nbsp;</div><div class="msg" style="color:red;"></div></div>');

</script>

<script>
var latitude  = 40.712784;
var longitude = -74.005941;
</script>


<script src="<?php echo $this->baseUrl(); ?>/application/modules/User/externals/scripts/autocomplete_address_googleapi.js"></script>

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAOdWM32gJ4t6-csxQQxCVDigYfq261xi0&libraries=places&callback=initAutocomplete" async defer></script>