Google custom Icon не загружается

Question

Я пытаюсь загрузить пользовательский значок для API Карт Google 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';