我在这个问题上碰壁。我设法检索另一个属性的值以在Google Maps弹出信息窗口中输出,但检索图像失败。我在Stack Overflow上找不到任何解决方案,所以我决定发表这篇文章。我的完整代码附在底部。
gon.store[y].address
按照我的预期正确输出值。但是当涉及到图像
gon.store[y].image
我在弹出窗口中显示“未定义”错误消息。
我尝试过的另一种方法
'<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>'
;
}