如何使用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

只需要一个look at the wiki（或在html页面）。生成的HTML默认为：

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

所以，如果你想要的风格，简单地说：

• 编辑或禁用gmaps4rails CSS

• 风格的类/ ID上面介绍，没有必要添加额外的标记