1

私はコーディングが初めてです。gmaps4rails API を使用しています。gmaps4rails のロケーション検索ボックスを作成しようとしていますが、方法が見つかりません。基本マップを作成しました。ユーザーが場所を入力するための @place のフォームも作成しましたが、送信を押しても何も起こりません。やるべきことがもっとあることはわかっていますが、それが何であるかについては正直途方に暮れています。コンソール ログによると、エラーはありません。ユーザーが送信を押すと、マップがマップ上のその場所/エリアにズームするようにしたいと思います。正直なところ、次に何をすべきかわかりません。誰かが私がしなければならないことの例を教えていただければ幸いです。前もって感謝します。

私が持っているフォームについては、以下を参照してください。

<!-- START OF SEARCH FORM -->
  <%= form_for @place do |f| %>
   <% if @place.errors.any? %>
    <% @place.errors.full_messages.each do | msg | %>
     <p><%= msg %></p>
   <% end %>
 <% end %>

  <%= f.text_field :address, placeholder: "Where Are You?" %>
<br>

 <%= f.submit %>
<% end %>

  <!-- END OF SEARCH FORM -->
4

1 に答える 1

0

ユーザーが住所を入力するたびにページを更新する必要がないように、必要に応じてjqueryを使用する必要があります。

ビジネスの最初の順序は、検索ボックスを作成することです。これは、これまでに行ったように Rails ヘルパーまたは単純な html を使用して行うことができます。

次に、jquery 関数内のクラスまたは ID のいずれかで検索ボックスをバインドし、ユーザーが場所を入力したり、Enter キーを押したりした場合を処理する必要があります。

ユーザーが検索ボックスに入力した住所から緯度と経度を抽出する geocoder gem を確認することを強くお勧めします。ドキュメントはこちら: https://github.com/alexreisner/geocoder . グーグルにもかなりの例があります。それらをチェックして、始めるのに役立ててください。

.getMap().setZoom(...)および.map.centerOn(markers[...])gmaps4rails メソッドを使用します。マーカーのズームインの例については、ドキュメントを参照してください: https://github.com/apneadiving/Google-Maps-for-Rails

残念ながら、これに対する解決策は非常に長くて骨の折れるものですが、少し努力すれば解決できるはずです。

于 2015-08-19T05:30:01.850 に答える