如何在javascript文件中獲取rails圖像位置

Question

我在app/assets/images/文件夾中有一個圖像，名爲map-marker.png。我需要在我的JavaScript文件中獲取圖像位置以將其用作地圖標記。

var image = "map-marker.png"; 
    var beachMarker = new google.maps.Marker({ 
     position: myLatLng, 
     map: map, 
     icon: image 
    }); 

Answer 1

首先重命名您的JavaScript文件並添加.erb擴展名。然後你就可以得到你的形象定位是這樣的：

var image = "<%= asset_path('map-marker.png') %>"; 

它也會，如果你上傳應用程序的Heroku中工作。

Answer 2

您可以直接在您的js文件中使用/assets/map-marker.png。它會工作。

Answer 3

你有兩種解決方案。

案例1：

var image = "/assets/map-marker.png"; 
var beachMarker = new google.maps.Marker({ 
    position: myLatLng, 
    map: map, 
    icon: image 
}); 

案例2：

您原始文件(your_script.js)保存爲(your_script.js.erb)與圖像路徑幫手：http://guides.rubyonrails.org/asset_pipeline.html