如何使用gmaps4rails在不同页面上使用不同的CSS选项？

Question

我想在不同的页面上使用不同大小的地图...但是我看不出来。 当我禁用CSS时，整个地图消失了。

<%= gmaps({ map_options: {
                                zoom: 8,
                                auto_zoom: false },
                            markers: { data: @json } },
                            enable_css: false) %>

然后我放上CSS：

<div id="sidebar">
            <div id="map_canvas" style="width: 294px; height: 370px; position: relative">
                <%= gmaps({ map_options: {
                                zoom: 8,
                                auto_zoom: false },
                            markers: { data: @json } },
                            enable_css: false) %>
            </div>
        </div>

但这会使地图消失。 我究竟做错了什么？

Answer 1

只需查看Wiki （或html页面）即可。 默认情况下，生成的html是：

<div class="map_container"> 
  <div id="map" class="gmaps4rails_map"></div> 
</div>

因此，如果要样式化，只需：

• 编辑或禁用gmaps4rails CSS

• 设置上面显示的类/ id的样式，无需添加额外的标记