asp.net - Webサイトのasp.net C#でユーザーの正確な場所またはおおよその場所をGoogleマップに表示する

Question

asp.net c# を使用して、Web サイトの Google マップでユーザーの現在地またはおおよその位置を表示したいのですが、可能ですか? 親切に助けていただければ、多くのチュートリアルを見ましたが失敗しました。

Answer 1

最初に、ローカルホストの Google マップ API キーを取得する必要があります。このリンクでは、その方法について詳しく説明しています: http://www.aspdotnet-suresh.com/2013/01/generate-google-maps-api-key-for .html

default.aspx ページの 2 番目に次の操作を行います。

スクリプトタグ:

<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>

body タグには、空の 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