如何获得网站上的iframe谷歌地图路线规划(How to get Google Maps rout

2019-09-29 14:36发布

我编写一个新的(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我的网页上得到,而不是打开另一个链接。 这可能吗? 如果是,有人可以给我一个提示?

提前致谢

干杯

Answer 1:

示例代码:

<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&amp;f=d&amp;output=embed&amp;ll=40.7902,-73.9597">
</iframe>

action的形式必须是https://www.google.com/maps
target的形式必须是等于name的的iframe

隐藏的输入添加到窗体为您通过嵌入码的iframe的SRC获得每个参数(至少对于一个场output:embed是必需的)

演示: http://jsfiddle.net/doktormolle/3JsuM/



文章来源: How to get Google Maps route planner on website's iframe