Echarts结合百度地图绘制散点图,toolpit显示位置错位偏移问题终极解决方案

参考  Agger_chen  上学下达 两位,但有如下问题:

1.style要用class方式,使用原博主方式会出现tip出现在地图的上面或者下面(根据div先后顺序决定),而不是悬浮于地图之上。 
2.原博中tip位置的实现,若tip超出右边界或者下边界并不能完整显示,请参考以下代码:

position: function(point, params, dom, rect, size) { 
			var width = $(dom).width();     //获取tooltip原来的width
			var m = $("#mapStoreClass");    //获取我们自定义模拟的tooltip dom
			$(dom).css("position","initial");    //将原来的tooltip设置为initial *重要,为了不让原来的tooltip dom乱跑
			$(m).html(dom);                      //将更改好的dom放入我们模拟的tooltip dom
			//其中point为当前鼠标的位置,size中有两个属性:viewSize和contentSize,分别为外层div和tooltip提示框的大小
			var x = point[0];//
			var y = point[1];
			var viewWidth = size.viewSize[0];
			var viewHeight = size.viewSize[1];
			var boxWidth = size.contentSize[0];
			va
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值