HTMLジオロケーションメソッドを使用してユーザーの場所を自動的に検出するコードスニペット。このアプリケーションを実行し、適切なGoogleマップAPIリンクを提供し、APIキーを最もインポテンツにするときは、ブラウザが場所を有効にしていることを確認してください。ここにはMDN Using geolocationというリンクがあります。ここでは、ジオロケーションとブラウザサポート情報について詳しく知ることができます。
<!DOCTYPE html>
<html>
<body>
<p>Click the button to get your coordinates.</p>
<button onclick="getLocation()">Click Me to show Your Location.</button>
<div id="map" style="width:100%;height:500px"></div>
<script>
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
} else {
alert("Geolocation is not supported by this browser.");
}
}
function showPosition(position) {
var lat = position.coords.latitude;
var lng = position.coords.longitude;
var myCenter = new google.maps.LatLng(lat, lng);
var mapCanvas = document.getElementById("map");
var mapOptions = {
center: myCenter,
zoom: 5
};
var map = new google.maps.Map(mapCanvas, mapOptions);
var marker = new google.maps.Marker({
position: myCenter
});
marker.setMap(map);
// Zoom to 9 when clicking on marker
google.maps.event.addListener(marker, 'click', function() {
map.setZoom(9);
map.setCenter(marker.getPosition());
});
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBu-916DdpKAjTmJNIgngS6HL_kDIKU0aU&callback=myMap"></script>
</body>
</html>
・ホープ、これは[どのように良い質問をする]あなたは
次の指示を読み、申請してくださいするのに役立ちます(http://stackoverflow.com/help/how-to-ask)と[完璧な質問](http://codeblog.jonskeet.uk/2010/08/29/writing-the-perfect-question/)!質問を改善すると、私たちがあなたを助ける機会が増えます! –
複製可能[JavaScriptで地図上のドラッグ可能なマーカーの緯度と経度をHTML形式で取得できますか?](http://stackoverflow.com/questions/27156233/is-it-possibleマップ上のドラッグ可能なマーカーの緯度と経度を取得する – geocodezip
マーカをドラッグすると[Lat、Lngは更新されません](http:// stackoverflow .com/questions/33480496/lat-lng-doesnt-update-i-drag-marker) – geocodezip