2012-05-07 5 views
0

Я использую Infobox плагин, и у меня есть следующий код:Align инфобокс к маркеру в Google Maps

Gmaps.map.infobox = function(boxText) { 
    return { 
    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 
}}; 

С маркером размеры 77x80 пикселей, когда InfoWindow показано, что правильно выравнивает на дно маркеров, как вы можете увидеть здесь:

Big Marker with Infobox well aligned

Однако, если изменить размер маркеров 35x44 пикселей, то InfoWindow не точно выровнены в нижней части маркеров, как вы можете см. здесь:

Small Marker with Infobox wrong aligned

Любые мысли о том, как я могу сделать это полностью выровнены на дне?

EDIT: Для маленьких маркеров, я создал их, устанавливая это в библиотеке я использую (gmaps4rails):

marker.picture({ 
        :picture => "assets/juice-pin-small.png", 
        :width => 35, 
        :height => 44, 
       }) 

Для больших маркеров, я создаю их, установив для этого:

marker.picture({ 
         :picture => "assets/juice-pin-small.png", 
         :width => 70, 
         :height => 88, 
         :marker_anchor => [23,78] 
        }) 
+0

Не могли бы вы также добавить полные определения обоих маркеров, а не просто указать размер? И как вы добавляете infoBox к карте? –

+0

Что вы подразумеваете под полным определением? Я отредактировал с тем, что я установил в библиотеке ... Я добавляю инфобокс, добавляя то, что я сказал в вопросе, между тегами