In this Article I am going to explain how we can get
user's current location using Google Map.
Below are my aspx and script references:
<%@ Page Language="C#"
AutoEventWireup="true"
CodeFile="Default.aspx.cs"
Inherits="_Default"
%>
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Get User Current Location using Google Map
Geolocation API Service in asp.net
website</title>
<script type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC6v5-2uaq_wusHDktM9ILcqIrlPtnZgEk&sensor=false">
</script>
<script type="text/javascript"
src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places">
</script>
<script type="text/javascript">
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(success);
} else {
alert("There is Some Problem on your current browser to
get Geo Location!");
}
function success(position) {
var lat = position.coords.latitude;
var long =
position.coords.longitude;
var city = position.coords.locality;
var LatLng = new
google.maps.LatLng(lat, long);
var mapOptions = {
center:
LatLng,
zoom:
12,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new
google.maps.Map(document.getElementById("MyMapLOC"),
mapOptions);
var marker = new
google.maps.Marker({
position: LatLng,
title: "<div style = 'height:60px;width:200px'><b>Your
location:</b><br />Latitude: "
+ lat + +"<br />Longitude: "
+ long
});
marker.setMap(map);
var getInfoWindow = new
google.maps.InfoWindow({ content: "<b>Your
Current Location</b><br/> Latitude:" +
lat + "<br /> Longitude:" + long + ""
});
getInfoWindow.open(map, marker);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="MyMapLOC"
style="width: 550px; height: 470px">
</div>
</form>
</body>
</html>
Now run your application:
Image 1.
You can change display setting from right top corner
options:
Image 2.
Image 3.
Image 4.