So suchen Sie den Standort auf Google Maps

Ich habe Daten in der Datenbank wie folgt:

Database table

Name       : Jack     
mob_number : 445452454             
address    : al saada street    
country    :  dubai

Meiner Meinung nach

@item.Name
@item.address
@item.country

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
      function initialize() {
      var latlng = new google.maps.LatLng(40.716948, -74.003563);
      var options = {
                     zoom: 14,
                     center: latlng,
                     mapTypeId: google.maps.MapTypeId.ROADMAP
                    };
      var map = new google.maps.Map(document.getElementById("map"), options); 
     }

     initialize();
</script>

Wie übergebe ich @ item.address an Google Maps für den Suchort?

http://prntscr.com/8a6m4r Klicken Sie hier, um anzuzeigen

Meine Sicht:

    @if (Model != null)
    {
        if (Model.Count() != 0)
        {
            <div class="">
                @foreach (var item in Model)
                {
                    <div class="tiptext">
                        <b style="margin-left: 0px; font-size: large;color: #1A0DB2;">@item.BusinessName</b>
                        <h3 style="margin: 5px 0px 5px 0px;color: rgb(0, 145, 0);"> @item.FirstName</h3>
                        <h3 style="margin: 8px; color:black">@item.BusinessCategory </h3>
                        <div class="description">
                            <div class="description_image">
                                <img src="~/Images/popup_pointer.jpg" />
                                <div class="POP_UP_outer">
                                    <div class="description_background">
                                        <div class="description_map">
                                            <b>Map</b>

                                        </div><hr />
                                        <div class="description_body">
                                            <b>Description </b><h4 class="des">@item.BusinessDescription</h4>
                                            <b>Address2 </b><h4 class="des">@item.Address1</h4>
                                            <b>Email </b><h4 style="color:blue; margin: 5px 0px 5px 0px;">@item.EmailID </h4>
                                            <b>WorkNumber </b><h4 class="des">@item.WorkNumber</h4>
                                            <b>MobileNumber </b><h4 class="des">@item.MobileNumber</h4>
                                            <b>City </b><h4 class="des">@item.City</h4>
                                            <b>State </b><h4 class="des">@item.State</h4>
                                            <b>ZipCode </b><h4 class="des">@item.ZipCode</h4>
                                            @Html.ActionLink("Book An Appointment", "CalendarView", "Appt", new { id = @item.UserID }, null)
                                            @*@Html.ActionLink("Book An Appointment", "Popup", "Search", new { @class = "openDialog", data_dialog_id = "aboutlDialog", data_dialog_title = "Additinal Customer" })*@
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                }
            </div>
        }
        else
        {
            <label id="lblErrorMsg" title="Record not fount...!" style="color:red;">Record not found...!</label>
        }

Hover-Skript

 <script type="text/javascript">
        $(".tiptext").mouseover(function () {
            $(this).children(".description").show();
        }).mouseout(function () {
            $(this).children(".description").hide();

        });

</script>

Du kannst die Karte in meiner Ansicht sehen. Ich möchte die Karte dort laden