如何在jvm地图中获取标记位置

时间:2017-03-29 14:10:47

标签: javascript jquery jvectormap

我正在使用地图的jvm插件,我已经为它创建了一个标签盒。但是当我点击标记时,它会显示很远的标签框。所以我需要一种方法来获得标记(x,y)的位置,这样标签盒就可以定位在正确的位置。 感谢

1 个答案:

答案 0 :(得分:0)

假设你已经在一个名为“map”的容器div中正确初始化了一个地图,ypu可以得到它:

var mapObj = $('#map').vectorMap('get','mapObject');

我假设您已在地图外创建了自定义“标签框”,因此您可以尝试获取标记元素的位置,如下所示:

在onMarkerClick处理程序中使用标记的代码:

var style = mapObj.markers[code].element.shape.style.current;
var x = style.cx;
var y = style.cy;

如果需要,最多可以添加一些自定义逻辑,以使您的自定义“labelbox”完全保留在地图中。