0

マップの情報ウィンドウに表示されるスクロールバーを削除しようとしていますが、どの要素にスタイリングを適用すればよいかわかりません。

Google Maps 4レールで地図をレンダリングする場合、どの要素を適用する必要がありますか？divであることは知っていますが、特定のクラスやセレクターがないため、ウィンドウを選択できません。

次のような部分からウィンドウをレンダリングします。

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

3 に答える 3

0

Chrome で js コンソールを調べると、エラーが発生しました: Object # < Marker > has no method 'infobox'。手がかりです。

カスタム情報ウィンドウセクションのドキュメントによると、ステップ 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 に答える
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

Styling Google Maps InfoWindow に従って、実際に情報ウィンドウを希望どおりにスタイル設定することはできないと思います。gem に組み込まれている InfoBox を使用する必要があります。

ここのドキュメント、セクションを参照してくださいCustom infowindows。

于 2012-04-30T19:28:21.417 に答える