如何使用e.PageX和e.PageY值将信息定位在引脚上方？

Question

我正在构建一个带有自定义信息窗口的地图，我试图根据点击的事件pageX和引脚的PageY值来定位信息窗口，但我不确定如何正确实现这一点，目前我的所有计算都是通过随机位置。

JS

Microsoft.Maps.Events.addHandler(pin, 'click', function(e) {
     instance.displayInfoBox(e, pin, response);
});

$itemOverlay.css({

    top: e.pageX,
    left: e.pageY

}).show();

CSS

.item-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: auto;
    background: white;
    padding: 10px;
    display: none;
}

JSFiddle ：http://jsfiddle.net/upej8/13/

Answer 1

你混合坐标，风格应该是：

$itemOverlay.css({

  top:  e.pageY,
  left: e.pageX
}).show();