使用JavaScript（Ruby on Rails）遍歷數據行

Question

我正在使用Leaflet在地圖上添加標記。 以下代碼是如何將標記添加到我的地圖的。

markers.addLayer(new L.Marker([LAT, LONG]).bindPopup(POPUP).openPopup());

現在，LAT（float），LONG（float）和POPUP（string）都是companies表中保存在我的數據庫中的所有數據。 因此，我想遍歷該表的每一行，並從每一行中提取這三個屬性，添加一個標記，然后移至下一個。

我已經檢查了幾件事，並且認為這將是一個不錯的開始，但是我確信如何根據自己的需要進行更改。

編輯：可能值得一提，這都是在頁面加載時完成的，而不需要任何單擊或任何類似的操作。

Answer 1

您可以通過多種方式執行此操作。 最簡單的方法是在視圖中重復調用該行代碼。

#in some_template.html.erb - expects @companies to have been defined in the controller action.
<%= javascript_tag do %>
  (function() {
     <% @companies.each do |company| %>
       markers.addLayer(new L.Marker([<%= company.lat %>, <%= company.long %>]).bindPopup(<%= company.popup %>).openPopup());
     <% end %>
  })();      
<% end %>

您可能需要稍微調整格式。