SVG画像がRailsに見つかりません

Question

Railsに画像を表示する際に問題があります。私は2つの画像（bluedot.svgとreddot.svg）を持っています。 bluedot.svgがウェブサイトに表示されます。 reddot.svgはウェブサイトには表示されません。私はGoogleマップ上にマーカーとしてマーカーを表示しようとしています。ここに私のコードです。ブルーマーカーの

：レッドマーカーの

var iconBlue = { 
    url: "<%= image_path('bluedot.svg') %>", // url 
    scaledSize: new google.maps.Size(80, 70), // scaled size 
    origin: new google.maps.Point(0,0), // origin 
    anchor: new google.maps.Point(0,0) // anchor 
}; 

var marker = new google.maps.Marker({ 
    map: map, 
    position: geolocate, 
    icon: iconBlue, 
    animation: google.maps.Animation.DROP, 
    title: "Current Location", 
    html: 
    '<div class=MarkerPop>' + 
     '<p>Latitude: '+ position.coords.latitude + '</p>' + 
     '<p>Longitude: '+ position.coords.longitude + '</p>' 
}); 

は：

var iconRed = { 
    url: "<%= image_path('reddot.svg') %>", // url 
    scaledSize: new google.maps.Size(80, 70), // scaled size 
    origin: new google.maps.Point(0,0), // origin 
    anchor: new google.maps.Point(0,0) // anchor 
}; 

$.each(locationId, function() { 
    myLatlng = new google.maps.LatLng(locationLat[counter], locationLng[counter]); 
    clearMarkers(); 
    allMarkers.push(new google.maps.Marker({ 
    position: myLatlng, 
    map: map, 
    icon: iconRed, 
    animation: google.maps.Animation.DROP, 
    title: locationName[counter], 
    html: 
      '<div class=MarkerPop>' + 
      '<h1>' + locationName[counter] + '<h1>' + 
      '<h3>' + locationAddress[counter] + '<h3>' + 
      '<p>' + locationComment[counter] + '</p>' + 
      '<div>' 
    }) 
); 

画像は、塗りつぶしの色が異なる同一です。それらは同じフォルダ内にあります。

イメージをプリコンパイルしようとしましたが、これも役に立たなかったです。

rake assets:precompile 

私は一時/キャッシュ/資産フォルダとパブリック/資産フォルダを削除し、サーバーを再起動しようとしたが、これは助けにはなりませんでした。

javascriptのファイル拡張子をmap.jsからmap.js.erbに変更しました。これは助けたがイメージを表示しなかった。

私はGoogle Chromeのコンソールで取得していますエラー：

GET http://localhost:3000/images/reddot.svg 404 (Not Found) 

私はRailsのサーバーコンソールで取得していますエラー：

ActionController::RoutingError (No route matches [GET] "/images/reddot.svg") 

誰が次は何のアイデアを持っています何をする？

Answer 1

私はそれを理解して、それは少し愚かでした。ファイルエクスプローラでは、reddot.svgファイル名の間にスペースが表示されませんでした。それは "reddot.svg"という名前でした。一度私はコンソールに行って、画像の名前を見て、私はエラーを見た。あなたの助けに@rikをありがとう！