繪圖按鈕添加緯度和經度輸入字段？ Geocode

Question

我有一個表格，我的一個輸入可以讓我的用戶輸入他們的辦公地點（地址）

從這個地址我想在他們的個人資料上繪製谷歌地圖。我希望他們提供長和拉，但他們不知道如何。用戶可以通過在地址欄中輸入一個地址來填充長字段和長字段，然後按一個繪圖按鈕，這將返回long和lats並將它們輸入到適當的字段中。

到目前爲止我的代碼如下（我做了的jsfiddle避免把大量的代碼此消息中）

http://jsfiddle.net/F2snX/

1個位置的一個片段如下（但更好地看到全例如的jsfiddle）

<li id="field_15_92" class="gfield"> 
<label class="gfield_label" for="input_15_92">Solicitor Practice Address</label> 
    <div class="ginput_container"> 
     <input id="input_15_92" class="medium" type="text" tabindex="3" value="" name="input_92"> 
     <input type="button" id="plot1" value="Plot" /><br /> 
    </div> 
<div class="gfield_description">Enter Address Location and Press Plot Button </div> 
</li> 
<li id="field_15_166" class="gfield"> 
<label class="gfield_label" for="input_15_166">Main Practice Opening Hours</label> 
    <div class="ginput_container"> 
     <input id="input_15_166" class="medium" type="text" tabindex="4" value="" name="input_166"> 
    </div> 
<div class="gfield_description">Enter Office Opening Hours</div> 
</li> 
<li id="field_15_167" class="gfield"> 
<label class="gfield_label" for="input_15_167">Main Practice Map Longitude </label> 
    <div class="ginput_container"> 
     <input id="input_15_167" class="medium" type="text" tabindex="5" value="" name="input_167"> 
    </div> 
<div class="gfield_description">Enter Longitude Coordinates</div> 
</li> 
<li id="field_15_169" class="gfield"> 
<label class="gfield_label" for="input_15_169">Main Practice Map Latitude</label> 
    <div class="ginput_container"> 
     <input id="input_15_169" class="medium" type="text" tabindex="6" value="" name="input_169"> 
    </div> 
<div class="gfield_description">Enter Latitude Coordinates</div> 
</li> 

感謝

注：我的WordPress的主題是使用谷歌地圖API V3如果與任何幫助。

Answer 1

基本上有兩種方法可以如何處理這個問題：

1. 讓用戶輸入一個地址並找出自己的地理座標。請參閱Geocoding API的說明以獲取完整功能集。

2. 或者您在地圖上繪製可拖動的標記並讓用戶將標記拖動到其位置。你可以在this posting找到一個很好的解釋。

3. 或者你結合了兩個apporaches。讓用戶輸入他們的地址，如果地理編碼結果不夠好，他們可能會將標記拖動到正確的位置。 Here is an example by Google正是這樣做。