0

ご協力いただきありがとうございます。私は Ruby on Rails と Google Maps API V3 マッピング アプリケーションを使用しており、フォームを使用して開始アドレス、ウェイポイント、終了アドレスを入力できます。[送信] をクリックすると、フォームが jQuery によって非表示になります。その代わりに、運転ルートと道順を含む Google マップが表示されます。この同じビューで、ユーザーはマップの名前を入力できます。

次の目標は、地図情報をデータベースに保存することです。私はすでにほとんどの方法でそこに到達しましたが、問題に遭遇しました。マップの名前と、開始、終了、およびウェイポイントのエントリをフォームから保存したいと考えています。ただし、フォームをページ全体にラップすると、[送信] をクリックしてマップを表示するユーザーは、フォームをデータベースに自動的に保存します。保存する前にマップに名前を付けたり表示したりする機会がないため、これは問題です。

Google マップの送信ボタンでフォームが保存されないようにするには、フォームをどのように構成すればよいですか?

マイページのコード:

    <!-- This is the map route page -->
    <div id="map-route-page">
    <div id="map_canvas"></div>
    <form id="createaMap" action="/newsavedmaps" method="post">
    <input id="savemap_name" name="newsavedmapname" size="30" type="text" value="New Map"></p>
    <input type="submit" id="savethismap" value="Save Map">
    </div>
    </div>

    <!-- End of map route page -->

    <!-- This is the form page -->
    <div id="map-form-page">
        <div id="startingpoint">
            <b>Start</b>
            <input id="startinput" type="text" name="starthere" size="56" value="500 Main Street, CITY, STATE, ZIP"></p>
        </div>
        <div id="stops">
            <div id="multiselect">
                <select multiple id="select1">
                    <option value="500 Main Street, CITY, STATE, ZIP">Address1</option>
                    <option value="500 Main Street, CITY, STATE, ZIP">Address2</option>
                    <option value="500 Main Street, CITY, STATE, ZIP">Address3</option>
                </select>
            </div>
        </div>
        <div id="endingpoint">
            <b>End</b>
            <input id="endinput" type="text" name="endhere" size="56" value="500 Main Street, CITY, STATE, ZIP"></p>
        </div>
        <input type="submit" onclick="calcRoute();" id="showmapview" value="Show Map">
    </div>
    </form>
    <!-- End of form page -->

    </body>
4

1 に答える 1