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); //将标记添加到地图中
    

      

  • 相关阅读:
    Day2-Python爬虫小练 爬取百科词条
    Day1-python轻量级爬虫
    大数据处理课堂测试1
    周记7-28
    周记7-21
    周记7-14
    软件工程课程总结
    进度15
    NABCD
    团队项目成员和题目
  • 原文地址:https://www.cnblogs.com/zongsir/p/8184537.html
Copyright © 2011-2022 走看看