javascript - 如何使用 e.PageX 和 e.PageY 值将信息窗口定位在 pin 上方？

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();