TECHNOLOGIES
FORUMS
JOBS
BOOKS
EVENTS
INTERVIEWS
Live
MORE
LEARN
Training
CAREER
MEMBERS
VIDEOS
NEWS
BLOGS
Sign Up
Login
No unread comment.
View All Comments
No unread message.
View All Messages
No unread notification.
View All Notifications
Answers
Post
An Article
A Blog
A News
A Video
An EBook
An Interview Question
Ask Question
Forums
Monthly Leaders
Forum guidelines
Vikas Singh
1.3k
410
14.9k
Autocomplete Address using Google API Showing Error
Feb 6 2021 12:03 PM
Autocomplete Address using Google API Showing Error
I am using my Google API Key In Place of API Key
<head runat="server">
<title></title>
<style type="text/css">
body {
font-family: Arial;
font-size: 10pt;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<table border="0" cellpadding="5" cellspacing="0">
<tr>
<td>Location</td>
<td>
<asp:TextBox ID="txtLocation" runat="server" Width="200" /></td>
</tr>
<tr>
<td>Address</td>
<td>
<asp:TextBox ID="txtAddress" runat="server" Width="200" /></td>
</tr>
<tr>
<td>Latitude</td>
<td>
<asp:TextBox ID="txtLatitude" runat="server" Width="200" /></td>
</tr>
<tr>
<td>Longitude</td>
<td>
<asp:TextBox ID="txtLongitude" runat="server" Width="200" /></td>
</tr>
<tr>
<td></td>
<td>
<asp:Button Text="Submit" runat="server" OnClick="OnSubmit" /></td>
</tr>
</table>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places&key=<API KEY>"></script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"></script>
<script type="text/javascript">
debugger
google.maps.event.addDomListener(window, 'load', function () {
var places = new google.maps.places.Autocomplete(document.getElementById('<%=txtLocation.ClientID %>'));
google.maps.event.addListener(places, 'place_changed', function () {
var place = places.getPlace();
document.getElementById('<%=txtAddress.ClientID %>').value = place.formatted_address;
document.getElementById('<%=txtLatitude.ClientID %>').value = place.geometry.location.lat();
document.getElementById('<%=txtLongitude.ClientID %>').value = place.geometry.location.lng();
});
});
</script>
</form>
</body>
protected void OnSubmit(object sender, EventArgs e)
{
string message = "Address: " + txtAddress.Text;
message += "\\nLatitude: " + txtLatitude.Text;
message += "\\nLongitude: " + txtLongitude.Text;
ClientScript.RegisterStartupScript(this.GetType(), "alert", "alert('" + message + "');", true);
}
Reply
Answers (
2
)
how to implement repository pattern in asp.net mvc project?
About Identity-Auto Increment Id in MVC