Javascript 打印按钮，将纬度和经度添加到输入字段？地理编码

我有一个表单，其中一个输入允许我的用户输入他们的办公室位置（地址）

从这个地址，我想在他们的个人资料上绘制一张谷歌地图。我希望他们提供长的和宽的，但他们不知道如何。用户是否可以通过在地址字段中输入地址，然后按下绘图按钮来填充long和lat字段，该按钮将返回long和lat并将其输入适当的字段

到目前为止，我的代码如下（我制作了一个JSFIDLE以避免在这个消息中放入大量代码）

1位置的片段如下所示（但最好看完整的JSFIDLE示例）

律师执业地址


输入地址位置并按绘图按钮


主要营业时间
输入办公时间


主要实践地图经度
输入经度坐标


主要实践地图纬度
输入纬度坐标

谢谢

---

注意：我的Wordpress主题是使用GoogleMapsAPIv3，如果有帮助的话

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

让用户自己输入地址并找出地理坐标。有关完整的功能集，请参见的说明

或者在地图上绘制一个可拖动的标记，让用户将标记拖动到其位置。你可以在中找到一个很好的解释

或者你把这两种方法结合起来。让用户输入他们的地址，如果地理编码结果不充分，他们可能会将标记拖到正确的位置。就是这样

---

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

让用户自己输入地址并找出地理坐标。有关完整的功能集，请参见的说明

或者在地图上绘制一个可拖动的标记，让用户将标记拖动到其位置。你可以在中找到一个很好的解释

或者你把这两种方法结合起来。让用户输入他们的地址，如果地理编码结果不充分，他们可能会将标记拖到正确的位置。就是这样

---

谢谢你的提示。虽然我希望我可以让他们在第一个字段输入地址，然后按plot将绘制long's和lat's。我使用woo主题列表，当在后端添加位置时，它正是这样做的。输入地址，按plot，然后填写所有字段。所以我知道这是可以做到的，只是不知道具体怎么做..再次感谢，我会看看我是否可以做到这一点2参见上面添加的示例-但不是在

dragend

处理程序中打开

infoWindow

，而是更新表单字段。太棒了，这看起来像是我想要的，你对信息窗口的建议很有意义。但是，我仍然不确定（/技术性）是否知道如何基于此填充输入字段。你认为你可以建议一些代码吗？谢谢你的提示。虽然我希望我可以让他们在第一个字段输入地址，然后按plot将绘制long's和lat's。我使用woo主题列表，当在后端添加位置时，它正是这样做的。输入地址，按plot，然后填写所有字段。所以我知道这是可以做到的，只是不知道具体怎么做..再次感谢，我会看看我是否可以做到这一点2参见上面添加的示例-但不是在

dragend

处理程序中打开

infoWindow

，而是更新表单字段。太棒了，这看起来像是我想要的，你对信息窗口的建议很有意义。但是，我仍然不确定（/技术性）是否知道如何基于此填充输入字段。你认为你能推荐一些代码吗？

<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>