绘图按钮添加纬度和经度输入字段？ 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正是这样做。