传单地图导轨，瓷砖空白

Question

使用gem leaflet-rails

我的初始化程序包含tile_layer和max_zoom

div有一个高度：.mapid { height: 500px; } 这是我的html.erb

<% @imgData.each_with_index do |data, index| %>
<%=image_tag( data['images']["standard_resolution"]['url'] )%>
<div class="mapid" >
    <%= map(:container_id => "map" + index.to_s, :center => {
      :latlng => [data['location']['latitude'], data['location']['longitude']],
      :zoom => 18
    }) %>
</div>

当我将鼠标悬停在img src的链接上时，它们是有效的并且会引导我到一个磁贴。

我的瓷砖正确加载。没有js错误，但没有显示任何内容......任何想法？

Answer 1

您应该为该#map<nr>容器内的#mapid容器指定一个高度，或者您可以.leaflet-container { height:500px }。