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

转载于:https://www.cnblogs.com/zongsir/p/8184537.html

baidu 地图鼠标移上显示标签鼠标离开隐藏标签相关推荐

js 隔行变色+鼠标移上换色+鼠标离开颜色恢复+鼠标点击弹出点击的是第几行是什么颜色
隔行变色: 先获取要操作的HTML标签 var oLis = document.querySelectorAll('li') 循环HTML标签 for (var i = 0; i < oLis. ...
pb graph鼠标移上显示数据_数据分析手把手入门：打造自己的股票分析系统
作者:琥珀里有波罗的海来源:数据如琥珀打造自己的股票分析系统1.前言数据分析很重要的一步是结果展示与汇报,无论是给客户还是上级.你可以选择PPT展示,也可以给出word文档展示,但是如果有一个交互式的 ...
css鼠标移上显示红色禁止符号
小小样式让我找了好久,搜索不对也不行啊,鼠标 hover 时指针的样式一般为箭头,但是可以设置小手或者其他,此文意在用 css 样式设置指针禁止符号 // 以下两个css表达式皆为一个红色的圈加一个斜 ...
pb graph鼠标移上显示数据_Plotly数据可视化：离线版、微软vscode版的Python的基本作图...
1 介绍: ===== 1.1 Plotly 是一款用来做数据分析和可视化的在线平台,功能非常强大. 1.2 Plotly是一个非常著名且强大的开源数据可视化框架,它通过构建基于浏览器显示的web形式 ...
Vue 框架-02-事件：点击, 双击事件,鼠标移上事件
Vue 框架-02-事件:点击, 双击事件,鼠标移上事件 1.单击事件:v-on:click 源码 app2.js : //实例化 vue 对象 new Vue({//注意代码格式//el:eleme ...
css划上去变长,Css3如何实现鼠标移上变长特效？（图文+视频）
本篇文章主要给大家介绍用css3实现鼠标移入变长效果的方法. 在前端页面设计中,css的功能是异常强大的,只要运用好它,你能实现很多网站各种精彩的动态效果.那么在之前的文章中也给大家分享介绍了一些用c ...
CSS图片阴影+鼠标移上图片放大、变形
在做图片卡片列表的时候我们经常用到图片的呼吸灯效果,实现图片的阴影效果.放大.动态展示代码: li img { display: block; width: 140px; height: 140px ...
简单实现鼠标移上去显示所有文字，移走又隐藏
简单实现鼠标移上去显示所有文字,移走又隐藏,并且会依据你鼠标的位置,相应的发生改变. jsp代码: <div id="allDiv" style="border:s ...
鼠标移上去显示手的形状
style样式有很多,下面这个就是关于鼠标移上去显示手的形状的样式属性: style="cursor:pointer" 转载于:https://www.cnblogs.com/sd ...

baidu 地图鼠标移上显示标签鼠标离开隐藏标签

baidu 地图鼠标移上显示标签鼠标离开隐藏标签相关推荐

最新文章

热门文章

baidu 地图 鼠标移上显示标签 鼠标离开隐藏标签

baidu 地图 鼠标移上显示标签 鼠标离开隐藏标签相关推荐

最新文章

热门文章

baidu 地图鼠标移上显示标签鼠标离开隐藏标签

baidu 地图鼠标移上显示标签鼠标离开隐藏标签相关推荐