0

我试图摆脱出现在地图信息窗口中的滚动条，但我看不到应该应用样式的元素。

使用 Google Maps 4 rails 渲染地图时，我应该应用哪个元素？我知道它们是 div，但没有特定的类或选择器，因此我无法选择窗口。

我从这样的部分渲染我的窗口：

marker.infowindow render_to_string(:partial => 'window_info', :locals => {:place => place})
4

3 回答 3

0

您需要告诉它使用特定的类，这是我在我的应用程序中的操作方式：

<%= gmaps({"markers" => 
            {"data" => @json , 
             "options" => {"custom_infowindow_class" => "infobox", 
             "auto_adjust"=>false, "do_clustering"=>true}}} ) %>

我想你只需要弄清楚如何通过

"options" => {"custom_infowindow_class" => "whatever" }

进入你的地图初始化

然后您可以创建 css 类并应用您自己的样式

.whatever { 
  #whatever
}
于 2012-04-29T23:25:23.133 回答
0

根据样式化 Google Maps InfoWindow，我猜您无法真正按照您想要的方式设置信息窗口的样式。您必须使用我在 gem 中内置的 InfoBox。

请参阅此处的文档，部分Custom infowindows。

于 2012-04-30T19:28:21.417 回答
0

在 chrome 中检查 js 控制台时出现错误：Object # < Marker > has no method 'infobox'。这是一个线索。

根据自定义 infowindows部分中的文档，第 2 步我们必须初始化一个 js 代码，但这对我不起作用。

然后查看 main.coffee 中的宝石内部

    infobox:            -> false   #to let user use custom infoboxes

设置为 true 无效

对我来说，诀窍是改变这条线

@infowindow = new InfoBox(@infobox(boxText))

在 app/assets/javascripts/gmaps4rails/google/objects/marker.coffee

到文档中提到的代码。

    @infowindow = new InfoBox(
      content: boxText
      disableAutoPan: false
      maxWidth: 0
      pixelOffset: new google.maps.Size(-140, 0)
      zIndex: null
      boxStyle:
        background: "url('http://google-maps-utility-library-v3.googlecode.com/svn/tags/infobox/1.1.5/examples/tipbox.gif') no-repeat"
        opacity: 0.75
        width: "280px"

      closeBoxMargin: "10px 2px 2px 2px"
      closeBoxURL: "http://www.google.com/intl/en_us/mapfiles/close.gif"
      infoBoxClearance: new google.maps.Size(1, 1)
      isHidden: false
      pane: "floatPane"
      enableEventPropagation: false        

    )
于 2014-04-11T03:29:21.223 回答