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的样式，无需添加额外的标记

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

1 个答案: