Skip to main content

google auto search location in mvc

Places API - make it enable

Geolocation API

Geocoding API

@{
    ViewBag.Title = "Home -NLP";
}
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBmH48u5ofTKkriZ3XjTKkaK0eWOadyMJQ&libraries=places&callback=initAutocomplete" async defer></script>
<script>
    function initAutocomplete() {
        autocomplete = new google.maps.places.Autocomplete(
            (document.getElementById('PickUpFromAddress')),
            { types: ['geocode'] });
        autocomplete2 = new google.maps.places.Autocomplete(
            (document.getElementById('PickUpToAddress')),
            { types: ['geocode'] });
        autocomplete2 = new google.maps.places.Autocomplete(
           (document.getElementById('DeliverFromAddress')),
           { types: ['geocode'] });
        autocomplete2 = new google.maps.places.Autocomplete(
           (document.getElementById('DeliverToAddress')),
           { types: ['geocode'] });
    }
</script>
<div class="container-fluid">
    <div class="row">
        <div class="col-lg-12">
            <div class="panel panel-featured panel-featured-success">
                <div class="panel-heading">
                    <div class="panel-actions">
                        <a href="#" class="fa fa-caret-down"></a>
                        <a href="#" class="fa fa-times"></a>
                    </div>

                    <h2 class="panel-title">Shipments</h2>
                </div>
                <div class="panel-body">
                    <div class="row" style="padding-left:5px!important;padding-bottom:5px!important">
                        <div class="col-lg-12">
                            <div class="col-lg-1" style="padding-right:25px">
                                <div class="row">
                                    @Html.Label("No of Pcs")

                                </div>

                                <div class="row">
                                    @Html.TextBox("txtNoOfPics", null, new { @class = "form-control", Placeholder = "Pieces" })

                                </div>

                            </div>
                            <div class="col-lg-1" style="padding-right:25px">

                                <div class="row">
                                    @Html.Label("Length")

                                </div>

                                <div class="row">
                                    @Html.TextBox("txtLength", null, new { @class = "form-control", placeholder = "Length" })

                                </div>
                            </div>
                            <div class="col-lg-1" style="padding-right:25px">

                                <div class="row">
                                    @Html.Label("Width")

                                </div>

                                <div class="row">
                                    @Html.TextBox("txtWidth", null, new { @class = "form-control", placeholder = "Width" })


                                </div>
                            </div>
                            <div class="col-lg-1" style="padding-right:25px">

                                <div class="row">
                                    @Html.Label("Height")

                                </div>

                                <div class="row">
                                    @Html.TextBox("txtHeight", null, new { @class = "form-control", placeholder = "Height" })

                                </div>
                            </div>
                            <div class="col-lg-1" style="padding-right:25px">

                                <div class="row">
                                    @Html.Label("Unit")

                                </div>

                                <div class="row">



                                </div>
                            </div>
                            <div class="col-lg-2" style="padding-right:25px">

                                <div class="row">
                                    @Html.Label("Commodity")

                                </div>

                                <div class="row">
                                    @Html.TextBox("txtCommodity", null, new { @class = "form-control", placeholder = "Commodity" })

                                </div>
                            </div>
                            <div class="col-lg-1" style="padding-right:25px">

                                <div class="row">
                                    @Html.Label("Weight")

                                </div>

                                <div class="row">


                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-lg-12">
                            <fieldset>


                                <legend>  @Html.Label("Enter the Applicable fields")</legend>

                                <div class="col-lg-8">


                                    <div class="col-lg-4" style="padding-right:25px">
                                        <div class="row">
                                            @Html.Label("Refrigeration Temp")

                                        </div>

                                        <div class="row">
                                            @Html.TextBox("txtrefri", null, new { @class = "form-control", Placeholder = "Refrigeration" })

                                        </div>

                                    </div>
                                    <div class="col-lg-4" style="padding-right:25px">
                                        <div class="row">
                                            @Html.Label("Hazardous Cargo")

                                        </div>

                                        <div class="row">
                                            @Html.TextBox("txtHazardous", null, new { @class = "form-control", Placeholder = "Hazardous" })

                                        </div>

                                    </div>
                                    <div class="col-lg-4" style="padding-right:25px">
                                        <div class="row">
                                            @Html.Label("Upload MSDS")

                                        </div>

                                        <div class="row">
                                            @Html.TextBox("txtMSDS", null, new { @class = "form-control", Placeholder = "Upload MSDS" })

                                        </div>

                                    </div>


                                </div>
                            </fieldset>
                        </div>




                    </div>

                </div>

            </div>

            <div class="panel panel-featured panel-featured-success">
                <div class="panel-heading">
                    <div class="panel-actions">
                        <a href="#" class="fa fa-caret-down"></a>
                        <a href="#" class="fa fa-times"></a>
                    </div>

                    <h2 class="panel-title">Nature of service</h2>
                </div>
                <div class="panel-body">
                    <div class="row">
                        <div class="col-lg-12">

                            <div class="row">
                                <div class="col-lg-2">
                                    @Html.Label("Nature of Service")

                                </div>
                                <div class="col-lg-2">
                                    @*@Html.DropDownList("incomterms",  new SelectList(ViewBag.incometerms, "Id", "Description"), "Select", new {@class="form-control"})*@

                                </div>
                                <div class="col-lg-2">
                                    @Html.Label("Departure Date")

                                </div>
                                <div class="col-lg-3">


                                    <div class="input-group input-append date" id="datePicker">
                                        <input type="text" class="form-control" name="date" placeholder="Departure Date" />
                                        <span class="input-group-addon add-on"><span class="glyphicon glyphicon-calendar"></span></span>
                                    </div>

                                </div>
                            </div>
                            <fieldset>
                                <div class="row">

                                    <div class="col-lg-2">
                                        @Html.Label("Pick Up")

                                    </div>
                                    <div class="col-lg-3">
                                        @Html.TextBox("PickUpFromAddress", null, new { @class = "form-control", placeholder = "Pick Up From place" })
                                    </div>

                                    <div class="col-lg-3">
                                        @Html.TextBox("PickUpToAddress", null, new { @class = "form-control", placeholder = " Pick Up To place" })
                                    </div>

                                </div>

                                <div class="row">

                                    <div class="col-lg-2">
                                        @Html.Label("Deliver To")

                                    </div>
                                    <div class="col-lg-3">
                                        @Html.TextBox("DeliverFromAddress", null, new { @class = "form-control", placeHolder = "Deliver To From Place" })
                                    </div>

                                    <div class="col-lg-3">
                                        @Html.TextBox("DeliverToAddress", null, new { @class = "form-control", placeHolder = "Deliver To  Place" })
                                    </div>
                                </div>
                            </fieldset>

                        </div>

                    </div>


                </div>
            </div>
        </div>
    </div>
</div>


<script>
    $(document).ready(function () {
        $('#datePicker')
            .datepicker({
                format: 'mm/dd/yyyy'
            })
            .on('changeDate', function (e) {
                // Revalidate the date field
                this.close();
                $('#eventForm').formValidation('revalidateField', 'date');
            });

        //$('#eventForm').formValidation({
        //    framework: 'bootstrap',
        //    icon: {
        //        valid: 'glyphicon glyphicon-ok',
        //        invalid: 'glyphicon glyphicon-remove',
        //        validating: 'glyphicon glyphicon-refresh'
        //    },
        //    fields: {
        //        name: {
        //            validators: {
        //                notEmpty: {
        //                    message: 'The name is required'
        //                }
        //            }
        //        },
        //        date: {
        //            validators: {
        //                notEmpty: {
        //                    message: 'The date is required'
        //                },
        //                date: {
        //                    format: 'MM/DD/YYYY',
        //                    message: 'The date is not a valid'
        //                }
        //            }
        //        }
        //    }
        //});
    });
</script>

Popular posts from this blog

Add barcode on pdf

using System; using System.IO; using System.Drawing; using ZXing; using iTextSharp.text; using iTextSharp.text.pdf; using System.Drawing; using System.Web.UI.WebControls; namespace PDFBarcode {     public partial class WebForm1 : System.Web.UI.Page     {         byte[] byteImage;         protected void Page_Load(object sender, EventArgs e)         {         }         protected void btnDownload_Click(object sender, EventArgs e)         {                       Random r = new Random();             string fileName = r.Next().ToString();             string filenameext = fileName + ".pdf";             GenerateBarcode(fileName);             string Sourcepath = Server.MapPath("~/SavedF...
Read more

Dynamic Menu in asp.net using Listview

 1.    public DataTable LoadMenu()         {             MenuBal MenuBal = new MenuBal();             DataSet ds = this.GetData(0);             PopulateMenu(ds);             return ds.Tables[2];         }     private DataSet GetData(int parentMenuId)         {             MenuBal objmenu = new MenuBal();             string Mode = "";             if (Session["Mode"] != null)             {                 Mode = Session["Mode"].ToString();             }             DataSet ds = objmenu.GetData(parentMenuId, Convert.ToInt32(SessionHelper.CurrentUserId), Mode, SessionHelper...
Read more