Показать точное или приблизительное местоположение пользователя n карты google в asp.net C# на веб-сайте

Question

Я хочу показать текущее местоположение пользователя или приблизительное местоположение на картах Google на моем веб-сайте, используя asp.net C#. Это возможно ??? Если это любезно поможет мне. Я видел много учебников, но терпел неудачу.

Answer 1

Первый вам нужно, чтобы получить Google Maps API ключ для вашего локального хоста, эта ссылка содержит подробную информацию о том, как сделать это: http://www.aspdotnet-suresh.com/2013/01/generate-google-maps-api-key-for.html

на странице default.aspx Второй это сделать:

теги сценария:

<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("Geo Location is not supported on your current browser!"); 
} 
function success(position) { 
var lat = position.coords.latitude; 
var long = position.coords.longitude; 
var city=position.coords.locality; 
var myLatlng = new google.maps.LatLng(lat, long); 
var myOptions = { 
center: myLatlng, 
zoom: 12, 
mapTypeId: google.maps.MapTypeId.ROADMAP 
}; 
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
var marker = new google.maps.Marker({ 
position: myLatlng, 
title: "lat: " + lat + " long: " + long 
}); 

marker.setMap(map); 
var infowindow = new google.maps.InfoWindow({ content: "<b>User Address</b><br/> Latitude:"+lat+"<br /> Longitude:"+long+"" }); 
infowindow.open(map, marker); 
} 
</script> 

в тело тега просто включать пустую DIV:

<div id="map_canvas" style="width: 800px; height: 500px"></div> 

CSS:

html { height: 100% } 
body { height: 100%; margin: 0; padding: 0 } 
#map_canvas { height: 100% } 

это результат вы должны получить:

Учебник:http://www.aspdotnet-suresh.com/2013/01/show-user-current-location-on-google.html