Question

当您嵌入Google地图并向其添加“获取路线”表单时，您最终会得到这样的代码......

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

现在，我正在尝试使用“原始HTML”小部件添加到ASP.net页面。很长的故事，但我们目前没有任何其他方法可以做到这一点。这个小部件去掉了表单标签，所以我需要尝试重写上面的内容，可能是通过在提交按钮上添加某种onclick事件来完成相当于表单的动作=“https://www.google.co.uk / maps /“method =”get“属性。

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

非常感谢

Answer 1

这是怎么做的。地图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>

谷歌地图与方向 - 我可以没有表格标签吗？

1 个答案: