ユーザーのおおよその位置を地図上に表示する地理的位置のWebページを作成しようとしています。マーカーをクリックすると、正確な場所にドラッグできます。
マップの表示とマーカーのドラッグを行うための次のコードがあります。
function initialize() {
navigator.geolocation.getCurrentPosition;
var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
var myOptions = {
zoom: 2,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
draggable:true
});
google.maps.event.addListener(
marker,
'drag',
function() {
document.getElementById('lat').value = marker.position.lat();
document.getElementById('lng').value = marker.position.lng();
}
);
}
私の質問は、html5ジオロケーションを使用して、上記の初期緯度と経度をどのように設定するかです。
navigator.geolocation.getCurrentPosition;
ありがとう
アンドリュー