gpt4 book ai didi

jquery - 谷歌地图 : how to position OverlayView accurately over a marker?

转载 作者:行者123 更新时间:2023-12-01 03:21:34 28 4
gpt4 key购买 nike

我正在使用谷歌地图 API 3 和自定义叠加层 (OverlayView)我有这个代码:

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

请将鼠标悬停在制作者上以便查看工具提示叠加层。

如何精确地将工具提示弹出窗口(黄色窗口)定位在标记附近?我的 X,Y 想法不起作用,因为它与 map 相关,因此如果页面布局是流动的,我的解决方案 (X,Y) 就毫无值(value)。

请问有什么想法吗?

  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'
}
});

});
}

最佳答案

以防万一有人正在寻找答案,我这样做了:

// 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];

我希望它能帮助别人,这花了我相当多的时间

关于jquery - 谷歌地图 : how to position OverlayView accurately over a marker?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9242786/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com