zoukankan      html  css  js  c++  java
  • baidu 地图 鼠标移上显示标签 鼠标离开隐藏标签

    为了解决 label太多,文字会重叠看不清 所以提出这种办法

    核心代码

    1,创建的时候 将label设置为隐藏

    2,通过百度地图监听事件 ,   mouseover或onmouseover 触发显示

    3,通过mouseover 或onmouseover 触发隐藏 

    // 创建文本标注对象
    	            var label = new BMap.Label(" "+data.data[i][4]+" ", { offset: new BMap.Size(10, -25) });
    	            label.setStyle({
    	                color: "#fff",
    	                border: "0",
    	                padding: "0",
    	                display: "none",
    					background: "rgba(66,117,202,0.9)",
    	                fontSize: "12px",
    	                height: "20px",
    	                lineHeight: "20px",
    	                fontFamily: "微软雅黑"
    	            });
    	            marker.setLabel(label);
    
    	            marker.addEventListener("mouseover",function(e){  
    				    var label = this.getLabel()  
    				    label.setStyle({display:"block"});
    				}); 
    	            marker.addEventListener("mouseout",function(e){  
    				    var label = this.getLabel()  
    				    label.setStyle({display:"none"});
    				}); 
    
    	            map.addOverlay(marker); //将标记添加到地图中
    

      

  • 相关阅读:
    暑假自学(19)
    暑假自学(18)
    暑假自学(17)
    暑假自学(16)
    暑假自学(15)
    rsync简介
    10.Go语言-面向对象简单了解
    dp 数字三角形
    P1359租用游艇(dp+dfs)
    油田问题 bfs
  • 原文地址:https://www.cnblogs.com/zongsir/p/8184537.html
Copyright © 2011-2022 走看看