Wie bekomme ich Schienen Bild Ort in Javascript-Datei

Question

Ich habe ein Bild in app/assets/images/ Ordner, der map-marker.png benannt ist. Ich muss den Bildstandort in meiner Javascript-Datei erhalten, um ihn als Kartenmarker zu verwenden.

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

Answer 1

Benennen Sie zuerst Ihre Javascript-Datei um und fügen Sie .erb Erweiterung hinzu. Dann können Sie Ihren Bildstandort so erhalten:

Es funktioniert auch, wenn Sie Ihre App in Heroku hochladen.

Answer 2

Sie können direkt /assets/map-marker.png in Ihrem js-Datei verwenden. Es wird klappen.

Answer 3

Sie haben zwei Lösungen, um es zu machen.

Case1:

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

Case2:

Sie speichern Sie Ihre Originaldatei (your_script.js) als (your_script.js.erb) mit dem Bildpfad Helfer:

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

Sie Dokument beziehen: http://guides.rubyonrails.org/asset_pipeline.html