0

我有一个表格，我的一个输入让我的用户输入他们的办公室位置（地址）

从这个地址我想在他们的个人资料上绘制一个谷歌地图。我希望他们提供经纬度的，但他们不知道如何提供。有没有一种方法，用户可以通过在地址字段中输入地址然后按下绘图按钮来填充长和纬度字段，该按钮将返回长和纬度并将它们输入到适当的字段中。

到目前为止，我的代码如下（我制作了一个 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 主题正在使用 Google Maps API v3。

4

1 回答 1

3

基本上有两种方法可以解决这个问题：

  1. 让用户输入地址并自己找出地理坐标。有关完整功能集，请参阅地理编码 API的描述。

  2. 或者您在地图上绘制一个可拖动的标记，让用户将标记拖动到他们的位置。你可以在这篇文章中找到一个很好的解释。

  3. 或者你将这两种方法结合起来。让用户输入他们的地址，如果地理编码结果不充分，他们可以将标记拖到正确的位置。这是谷歌的一个例子，正是这样做的。

于 2012-10-19T11:35:34.837 回答