1

新しい (ワードプレス) Web サイトをプログラミングしていますが、「連絡先」メニュー項目があります。このメニュー項目では、地図を取得しました (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別のリンクを開く必要はありません。これは可能ですか？はいの場合、誰かが私にヒントを与えることができますか?

前もって感謝します

乾杯

4

1 に答える 1

4

サンプルコード:

<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と等しくなければなりませんnameiframe

埋め込みコードの iframe-src を介して取得した各パラメーターのフォームに非表示の入力を追加します (少なくともフィールドoutput:embedが必要です) 。

デモ: http://jsfiddle.net/doktormolle/3JsuM/

于 2013-09-08T20:53:02.877 に答える