Javascript 谷歌自定义图标未加载

我正在尝试加载谷歌地图API v3的自定义图标。我的守则如下：

 $(function(){

  function initialize() {
    var mapOptions = {
      center: new google.maps.LatLng(42.2542586, -83.8873974),
      zoom: 10
    };
    var map = new google.maps.Map(document.getElementById("map-canvas"),
        mapOptions);
  }
  google.maps.event.addDomListener(window, 'load', initialize);


   $('.valley').on('click', function(){

      var myLatlng = new google.maps.LatLng(42.000, -83.0073974);
      var mapOptions = {
       zoom: 14,
       center: myLatlng
      }
      var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
      var iconMarker = 'pin2.jpg'
      var marker = new google.maps.Marker({
       position: myLatlng,
       animation: google.maps.Animation.DROP,
       icon: iconMarker,
       map: map,
       title:"Hello"
      });
  });

});

以下脚本位于“application.html.erb”文件中（我已取出我的apikey）

非常简单，实际地图已经加载，但由于某种原因，rails应用程序找不到图标的

.jpg

。我把它放在了不同的地方，现在它在根文件夹中。出于某种原因，它试图将文件作为

text/html

文件而不是图像加载。我将该图像替换为另一个正确加载到网页上的图像，但浏览器仍尝试将其加载为

text/html

这是控制台中的错误

试试：

var iconMarker = '/assets/pin2.jpg';