如何爲gmaps4rails製作搜索框

我是編碼方面的新手。我正在使用gmaps4rails api。我試圖爲gmaps4rails做一個位置搜索框，我無法找到任何方式。我製作了一張基本地圖。我還爲@place創建了一個表單，供用戶輸入一個位置，但是當我按下提交時，沒有任何反應。我知道還有更多的事情要做，但我真的不知道該怎麼做。根據我的控制檯日誌，我沒有任何錯誤。我想這樣做是爲了當用戶按下提交時，地圖會縮放到地圖上的該位置/區域。我真的不知道下一步該做什麼。如果有人能爲我提供我需要做的事情的例子，我將不勝感激。先謝謝你。如何爲gmaps4rails製作搜索框

請看下面我的表格，我確實有。

<!-- 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 -->

來源

2015-08-19 IReallyDoLoveCoding

你需要，如果你想使用的jQuery的，這樣你就不必每次刷新頁面的用戶類型的地址，這是目前你的代碼需要什麼。

業務的第一步是創建一個搜索框，你可以像rails一樣使用helper來完成，或者使用簡單的html。

然後你需要通過它的類或id綁定搜索框在jquery函數中，並處理用戶在某個位置輸入/按下輸入時的情況。

我強烈建議你看看在地理編碼的寶石，其提取的緯度和經度來自任何地址的用戶鍵入搜索框。文檔在這裏：https://github.com/alexreisner/geocoder。谷歌也有不少例子，請檢查它們以幫助您入門。

您將利用.getMap().setZoom(...)和.map.centerOn(markers[...]) gmaps4rails方法。查看關於放大標記的示例文檔：https://github.com/apneadiving/Google-Maps-for-Rails

不幸的是，這種解決方案很長很艱鉅，但有一點點努力，您應該可以做到！

來源

2015-08-19 05:30:01 ifma

非常感謝！我真的很感激它。我會嘗試你所說的一切，一旦我開始工作，我會更新我的帖子。 – IReallyDoLoveCoding

如何爲gmaps4rails製作搜索框

回答

相關問題