Google Maps API を介して緯度/経度をユーザーに返す地理位置情報と編集可能なマップ マーカーを提供したいと考えています。ここで説明されている方法を使用して、これのジオロケーション部分を行う方法をうまく理解しました:
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script>
function success(position) {
var mapcanvas = document.createElement('div');
mapcanvas.id = 'mapcontainer';
mapcanvas.style.height = '400px';
mapcanvas.style.width = '600px';
document.querySelector('article').appendChild(mapcanvas);
coords = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
var options = {
zoom: 15,
center: coords,
mapTypeControl: false,
navigationControlOptions: {
style: google.maps.NavigationControlStyle.SMALL
},
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("mapcontainer"), options);
var marker = new google.maps.Marker({
position: coords,
map: map,
title:"You are here!"
});
}
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(success);
} else {
error('Geo Location is not supported');
}
</script>
ただし、ユーザーがマップを移動して、マップ マーカーを介して別の場所を選択し、選択した緯度/経度をキャプチャできるようにしたいと考えています。ここで説明する方法は私が望むことを実行しますが、必要な機能を追加するために両方のスクリプトを連携させる方法がわかりません。この点で über のように機能するものを作成しようとしていますが、それが目標を説明するのに役立つ場合です。
地理位置情報に基づいて中央に表示される Google マップを作成するにはどうすればよいですか?また、どのマップ マーカーを移動して最終マーカーの緯度/経度を記録することもできますか? アイデアをありがとう!