Как получить планировщик маршрута Google Maps на сайте iframe

Question

Я программирую новый (WordPress) веб-сайт, и есть пункт меню "Контакт". В этом пункте меню я получил карту (код от Google Maps 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/