使用Google地圖標記座標作爲表單輸入

Question

從下面的JavaScript函數中，我可以得到一個javascript變量，標記爲，當用戶點擊地圖上的一個位置時，座標爲座標。

var marker; 
function placeMarker(location) { 
    if (marker) { 
    marker.setPosition(location); 
    } else { 
    marker = new google.maps.Marker({ 
     position: location, 
     map: map 
    }); 
    } 
} 
google.maps.event.addListener(map, 'click', function(event) { 
    placeMarker(event.latLng); 
}); 

問題 如何能夠將這些座標可以用作表單輸入？

<form method="POST" action="/authors" target="" enctype="multipart/form-data"> 
    ... 
</form> 

Answer 1

所有你需要做的就是採取location變量並將其分配給你這樣的形式輸入：

首先，添加一個隱藏的輸入字段

<form method="POST" action="/authors" target="" enctype="multipart/form-data"> 
    <input id="location" name="location" type="hidden" value="" /> 
</form> 

第二，確保了位置變量被添加到您的輸入

var marker; 
function placeMarker(location) { 
    if (marker) { 
    marker.setPosition(location); 
    } else { 
    marker = new google.maps.Marker({ 
     position: location, 
     map: map 
    }); 
    } 

    $("#location").val(location); 

} 
google.maps.event.addListener(map, 'click', function(event) { 
    placeMarker(event.latLng); 
}); 

現在，無論何時placeMarker(location)被調用它將更新輸入的id爲「location」，其值爲location的輸出。