Googleマップ内でカスタム関数を呼び出す？

Question

だから、私はそれが唯一の要素 （およびofcourseのCSS）の後にクラス=「ツールチップ」と権利を持っている要素を必要とし、jQueryの中で書かれた汚れシンプルなツールチップを持って

しかし、どのように私はそれを実装しますGoogleマップのポリラインで

function tooltipDisplay() { 
    return function() { $(this).contents("span:last-child").css({ display: "block" }); } 
} 
function tooltipHide() { 
    return function() { $(this).contents("span:last-child").css({ display: "none" }); } 
} 
function tooltipMove() { 
    return function(e) { 
     var mousex = e.pageX + 10; 
     var mousey = e.pageY + 5; 
     $(this).contents("span:last-child").css({ top: mousey, left: mousex }); 
    } 
} 
$(".tooltips").hover(tooltipDisplay(),tooltipHide()); 

    $(".tooltips").mousemove(tooltipMove()); 

Iは結果なし

google.maps.event.addListener(flightPath, 'mouseover', tooltipDisplay()); 

    google.maps.event.addListener(flightPath, 'mouseout', tooltipHide()); 

    google.maps.event.addListener(flightPath, 'mousemove', tooltipMove()); 

を使用してみました。

Answer 1

右：呼び出し時にtooltipDisplay() ...全体的にこのように、それを呼び出した結果、直接機能を使用しません。溶解した。

フープやその他のものを飛び越えていくと、見た目よりも簡単になりました。

簡単に言えば、「this」はドキュメントであるため、Googleマップポリラインでは便利ではありません。そのように私はノッチをそれを取り、それがそのように独自の単純な関数を与えた：私もそれが持っていたとしてリスナーでマウスオーバーで行うことができなかったツールチップを配置する行為に気づいしかし

google.maps.event.addListener(flightPath, 'mouseover', function() { 
     $('#mapTooltip').show(); 
    }); 

    google.maps.event.addListener(flightPath, 'mouseout', function() { 
     $('#mapTooltip').hide(); 
    }); 

私はどこにでも移動するたびに、それはのような、発射されたループが生じとにかく要素を呼び出して、document.readyエリアに私はこれを追加しました：

function tooltipMove(e) { 
    var y = e.pageY; 
    var x = e.pageX; 

    $("span").css({ 
     top:y+5, 
     left:x+10 
    }); 
} 

$("#gMap").mousemove(tooltipMove); 

をそしてちょうど収まるようにCSSをスタイル。 それでは簡単！

Answer 2

（このWikiも同様ですが）このような関数ラッパーは必要ありません。代わりにtooltipDisplayの代わりにtooltipDisplayを使用してください。

function tooltipDisplay() { 
    $(this).contents("span:last-child").css({ display: "block" }); 
} 
function tooltipHide() { 
    $(this).contents("span:last-child").css({ display: "none" }); 
} 
function tooltipMove(e) { 
    var mousex = e.pageX + 10; 
    var mousey = e.pageY + 5; 
    $(this).contents("span:last-child").css({ top: mousey, left: mousex }); 
} 
$(".tooltips").hover(tooltipDisplay,tooltipHide).mousemove(tooltipMove);