Googleマップ：OverlayViewをマーカー上に正確に配置する方法は？

Question

私はこのコードを持っているGoogleマップAPI 3を使用して、カスタムオーバーレイ（OverlayView） よ：

http://jsfiddle.net/8X6cY/1/

ツールチップオーバーレイを見るためにマウスでメーカーを置くください。

マーカーの近くにツールチップポップアップ（黄色のウィンドウ）を正確に配置するにはどうすればよいですか。私のX、Yのアイデアはマップに関連しているので動作していないので、ページのレイアウトが液体であれば、私の解（X、Y）は役に立たない。

どうぞよろしくお願いします。 「右中央」、私：私はそれを更新し、作業、で削除した

google.maps.event.addListener(marker, 'mouseover', function(event) { 

    var pixel = latLngToPixel.getProjection().fromLatLngToContainerPixel(event.latLng); 

    // Grab marker position 
    var pos = [ pixel.x, pixel.y ]; 

    // Create the tooltip on a dummy div and store it on the marker 
    marker.tooltip = $('<div />').qtip({ 
     content: { 
      text: 'I\'m a replacement tooltip for the regular google one<br />New line<br /> new line<br />Newer line', 
      title: { 
       text: 'aaa', 
       button: true 
      } 
     }, 
     position: { 
      at: "right center", 
      my: "left center", 
      target: pos, 
      container: $('#map_canvas') 
     }, 
     show: { 
      ready: true, 
      event: false, 
      solo: true 
     }, 
     hide: { 
      event: 'mouseleave unfocus' 
     } 
    }); 

    }); 
} 

Answer 1

念のために、誰かが答えを探している、私はこれやって思い付いた：私はそれが誰かを役に立てば幸い

// getting marker x,y offset from left-top map 
var pixel = latLngToPixel.getProjection().fromLatLngToContainerPixel(event.latLng); 
// then get the map_canvas offset with jquery 
var left = $('#map_canvas').offset().left; 
var top = $('#map_canvas').offset().top; 
// x,y position tooltip 
var pos = [ pixel.x + left, pixel.y + top]; 

を、それはあなたがツールチップとはどういう意味ですか私の時間

Answer 2

http://jsfiddle.net/8X6cY/2/

var overlay = new google.maps.OverlayView(); 
overlay.draw = function() {}; 
overlay.setMap(map); 

var proj = overlay.getProjection(); 
var pos = marker.getPosition(); 
var p = proj.fromLatLngToContainerPixel(pos); 

は、今すぐあなたのピクセルはPXて座標にアクセスすることを「左中央」、あなたがしたい希望とパイ見つかった。それがあなたを助けることを願っています。