2009-07-29 5 views
2

친구의 레스토랑 리뷰를지도에 표시하려고합니다 (프로토 타입 http://eatrichly.heroku.com/ 참조). 마커를 클릭하면 식당 리뷰를 볼 수 있습니다. 불행히도 마커를 클릭 할 때 나타나는 팝업은 해당 리뷰를 수용 할만큼 키가 크지 않습니다. 예 : 나는이 정보를 만들 수있는 방법내 Google지도 오버레이를 더 크게 만드는 방법 (레일즈에서)

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

: 컨트롤러에서

: 뷰에서

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 

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

내 코드입니다 창문들이 맞을 텍스트들 에서?

+0

귀하의 페이지에 여전히이 문제가 있음을 확인했습니다. 내 대답을 시험해보십시오. - 보증 된 것입니다. –

+0

바쁜 한 주 였지만, 여유 시간을 갖자 마자 대답을 시도 할 것입니다. (실제 직업도 있습니다!) –

답변

3

이것은 Google지도 개발자가 접하는 매우 일반적인 문제입니다. 다음과 같은 질문에 대한 답변은 다양한 솔루션을 포함합니다 :

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

이 요약 : 당신은 이미지의 높이 속성 (이 경우에는 적용되지 않음)를 설정해야

2

하나를 변경하려면 문서의 모든 CSS 스타일을 상속하지 않습니다 있는지 확인해야합니다. 그러나 코드를보고 모든 스타일을 삭제 한 후에도 문제가 여전히 남아 있다는 것을 알게 된 후 다른 곳에서 문제가 발견되었습니다.

정보창에 maxWidth을 설정해야합니다. 지금 GInfoWindowOptions은 비어 있습니다 : {}. 그것을 다음으로 변경해보십시오 : {maxWidth:400}.

내 생각에 다음과 같이 생각합니다. maxWidth가 없으므로 Google지도는 콘텐츠가 가로로 올라갈 수 있기 때문에 창이 크지 않아도된다고 결정합니다. 그러나 실제로는 정보창의 폭이 실제로 최대 값을 갖지만 초기 계산에는 포함되지 않으므로 텍스트가 넘치게됩니다.

+0

크리스, 감사합니다. 내 정보 창이 보이지 않을 때 체크리스트에 추가하겠다.). – RedBlueThing

관련 문제