我编写一个新的(WordPress的)的网站,并有一个“联系人”菜单项。 在这个菜单项我有一个地图(通过谷歌地图的iframe代码)。 现在,我应该有下图的路线规划师。 为此,我有一个小的代码:
<form name="search_route" method="get" action="http://maps.google.com/" target="_blank">
<input name="saddr" type="text" id="saddr">
<input name="daddr" type="hidden" id="daddr" value="Empire State Building, 350 5th Avenue, New York, NY, USA">
<input type="submit" name="Submit" value="Submit">
</form>
我的问题:代码工作,但它链接到maps.google.com
就像我说的形式。 但路线应该计划在iframe
我的网页上得到,而不是打开另一个链接。 这可能吗? 如果是,有人可以给我一个提示?
提前致谢
干杯
示例代码:
<form method="get" action="https://www.google.com/maps" target="mapframe">
<input name="saddr" type="text" id="saddr">
<input name="output" type="hidden" value="embed">
<input name="f" type="hidden" value="d">
<input name="z" type="hidden" value="11">
<input name="daddr" type="hidden" id="daddr"
value="Empire State Building, 350 5th Avenue, New York, NY, USA">
<input type="submit" name="Submit" value="Submit">
</form>
<iframe
name="mapframe" width="425" height="350"
src="https://www.google.com/maps?z=11&f=d&output=embed&ll=40.7902,-73.9597">
</iframe>
该action
的形式必须是https://www.google.com/maps
该target
的形式必须是等于name
的的iframe
隐藏的输入添加到窗体为您通过嵌入码的iframe的SRC获得每个参数(至少对于一个场output:embed
是必需的)
演示: http://jsfiddle.net/doktormolle/3JsuM/