谷歌地图与方向 - 我可以在没有表单标签的情况下做到这一点吗?

Google Map with Directions - Can I do this without form tags?

本文关键字:情况下 这一点 标签 表单 方向 我可以 谷歌地图      更新时间:2023-09-26

当你嵌入谷歌地图并添加一个"获取路线"表单时,你最终会得到这样的代码......

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d75485.70101136623!2d-3.058063457690749!3d53.755162332426345!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x487b402d5a3f1869%3A0xfb31e87322fd8f2c!2sLytham+St+Annes+FY8!5e0!3m2!1sen!2suk!4v1458126515953" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
<h3>Directions</h3>
<form action="https://www.google.co.uk/maps/" method="get">
<p><label for="saddr">Your postcode</label>
<input type="text" name="saddr" id="saddr" value="" />
<input type="submit" value="Go" />
<input type="hidden" name="daddr" value="fy8" />
<input type="hidden" name="hl" value="en" /></p>
</form>

现在,我正在尝试使用"Raw HTML"小部件将其添加到 ASP.net 页面。说来话长,但我们目前没有任何其他方法可以做到这一点。这个小部件去除了表单标签,所以我需要尝试重写上述内容,可能是通过向提交按钮添加某种 onclick 事件,该事件相当于表单的 action="https://www.google.co.uk/maps/" method="get" 属性。

这在javascript中是否可能,如果是这样,任何人都可以指出我解决它的正确方向吗?

非常感谢

这是怎么做。地图 iframe 部分无关紧要。

<p><label for="saddr">Your postcode</label>
<input type="text" name="saddr" id="saddr" value="" />
<input name="submit" type="button" value="Go" onclick="location.href='https://www.google.co.uk/maps/?daddr=' + document.getElementById('daddr').value +'&saddr=' + document.getElementById('saddr').value;" />
<input type="hidden" name="daddr"  id="daddr" value="fy8 2er" />
<input type="hidden" name="hl" value="en" /></p>
相关文章: