如何使用gmaps4rails爲不同頁面使用不同的CSS選項？

我想在不同的頁面上放置不同大小的地圖...但我看不出來。當我禁用CSS時，整個地圖消失。如何使用gmaps4rails爲不同頁面使用不同的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>

但使得地圖上消失。我究竟做錯了什麼？

來源

2011-11-03 Matthew Berman

只需要一個look at the wiki（或在html頁面）。生成的HTML默認爲：

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

所以，如果你想要的風格，簡單地說：

編輯或禁用gmaps4rails CSS
風格的類/ ID上面介紹，沒有必要添加額外的標記

來源

2011-11-04 08:46:32 apneadiving

我做到了這一點......但如果我想爲不同的頁面有不同大小的地圖我的網站？只有一個div可用...對吧？ –

您可以通過在幫助程序中傳遞選項來更改類和標識。查看wiki – apneadiving

如何使用gmaps4rails爲不同頁面使用不同的CSS選項？

回答

相關問題