Google定製圖標未加載

我正在嘗試爲Google Maps API v3加載自定義圖標。我的代碼如下：Google定製圖標未加載

$(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文件而不是圖像。我取代與被正確加載網頁上的其他圖像的圖像，我仍然獲得與瀏覽器試圖將其加載爲text/html loading as a text/html