Google自定义图标未加载

Question

我正在尝试为Google Maps 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）   <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=APIKEY&sensor=false"></script>

非常直接且实际的地图加载，但由于某种原因，rails应用程序找不到图标的.jpg。我把它放在不同的位置，目前它在根文件夹中。出于某种原因，它试图将文件加载为text/html文件而不是图像。我将图像替换为在网页上正确加载的另一个图像，我仍然得到404浏览器尝试将其加载为text/html

这是控制台中的错误

Answer 1

尝试：

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