如何使我的Google地圖疊加層更高（在Rails中）

Question

我試圖在地圖上放置朋友的餐廳評論（請參閱原型http://eatrichly.heroku.com/）。這個想法是，當你點擊一個標記，你應該看到餐廳的評論。不幸的是，偶爾點擊標記時出現的彈出框不足以容納相應的評論。例如：

alt text http://img259.imageshack.us/img259/3396/picture4mfy.png

這裏是我的代碼：

在控制器：

def index 
    @reviews = Review.all 
    @map = GMap.new('map') 
    @map.control_init(:large_map => true, :map_type => false) 
    @map.center_zoom_init([Address.first.lat,Address.first.lng], 13) 

    Restaurant.all.each do |r| 
     body = %{ 
     <b><a target="_BLANK" href="#{r.menu_link}">#{r.name}</a></b> (#{r.cuisines.first}) 
     <br><br> 
     #{r.review.body} 
     } 

     marker = GMarker.new([r.addresses.first.lat, r.addresses.first.lng], 
     :title => r.name, 
     :info_window => body.strip) 
     @map.overlay_init(marker) 
    end 

在視圖：

<%= GMap.header %> 
<%= @map.to_html %> 
<%= @map.div(:width => 1024, :height => 1000) %> 

我怎樣才能讓信息窗戶適合他們所包含的文字在？

Answer 1

這是Google地圖開發者遇到的一個相當常見的問題。在以下問題的答案涉及的各種解決方案：

How to set Google map's marker's infowindow max height?

總結：

• 您需要設置圖像的高度屬性（不適用於這種情況）。
• 你需要確保你的信息窗口的HTML元素不繼承了該文件的任何CSS樣式改變其高度（Inherited CSS problem）

Answer 2

+1到炮聲的建議。但是，在查看您的代碼並注意到刪除所有樣式後問題仍然存在之後，我在其他地方發現了此問題：

您需要在信息窗口中設置maxWidth。現在GInfoWindowOptions爲空：{}。嘗試將其更改爲：{maxWidth:400}。

以下是我認爲正在發生的事情：由於您沒有maxWidth，因此Google地圖會認爲該窗口不需要非常高，因爲您的內容只會水平放置。但是，在實踐中，信息窗口確實具有最大寬度 - 但它並不包含在初始計算中，因此文本結束溢出。