如何在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