Как получить образ Active Storage на JavaScript с помощью Gon Gem

Question

Я бью стену об этой проблеме.Мне удается получить значение другого атрибута для вывода во всплывающих информационных окнах Карт Google, но не удалось получить изображение.Я не мог найти решение по переполнению стека, поэтому я решил сделать этот пост.Мой полный код прикреплен внизу.

gon.store[y].address

выведите значение правильно, как я и ожидал.Но когда дело доходит до изображения

gon.store[y].image

, во всплывающих окнах появляется сообщение об ошибке 'undefined'.

Другой метод, который я попробовал, был

'<img src= gon.store[x].image >'+

он будет показывать только пустой квадрат.

На index.html.erb изображение из Active Storage можно правильно отобразить, используя

<%= image_tag store.image, :width => '80px' %>

Полный код:

for (var y = 0; y < gon.store.length; y++){
    var contentString = 
    '<div id="cont">'+
        '<div class="container">'+
        '<div class="p-3">Available Restaurant</div>'+
        '<div class="row">'+
        '<div class="col">'+                                                                                
        gon.store[y].image +   // problem is here
        '</div>'+
        '<div class="col">'+
        '<table class="table">'+
        '<tbody>'+
        '<tr>'+
        '<th scope="row">Address</th>'+ 
        '<td>'+
        gon.store[y].address + // address output value correctly
        '</td>'+
        '</tr>'+
        '</tbody>'+
        '</table>'+
        '<button type="button" class="btn btn-primary">Reserve Restaurant</button>'+
        '</div>'+
        '</div>'+
        '</div>'+
    '</div>'
    ;   
}