html5地图提示 信息 如何设置 文字及背景颜色,(数字颜色单独设置)

70
1

大白 初学数据Lv2

发表于2019-9-27 18:44

楼主
效果如下:
截图201909271844525898.png



客户端代码:

  1. //green为整体背景,red为其他文字颜色
  2. addStyleSheet("#HHH2 > div > div > div:nth-child(2){background-color:green!important;color:red!important}");


  3. /**
  4. *        divId 地图容器ID
  5. *        fontColor 数字颜色
  6. **/
  7. function changeTooltip(divId,fontColor){
  8.         setInterval(function(){
  9.                 if($('#' +divId+'> div > div > div:nth-child(2)').html()){
  10.                         var tooltip=$('#' +divId+'> div > div > div:nth-child(2)').html();
  11.                         var tArray=tooltip.split('<br>');
  12.                         var nTooltip=[];
  13.                         for(var i=0;i<tArray.length;i++){
  14.                                 var tStr='';
  15.                                 var tNum='';
  16.                                 var tNum1='';
  17.                                 for(var j=0;j<tArray.length;j++){
  18.                                          if((tArray[j].charCodeAt()>=48 && tArray[j].charCodeAt()<=57) || tArray[j].charCodeAt()==46){               
  19.                                                 tNum+=tArray[j];                                
  20.                                          }                        
  21.                                 }
  22.                                 tNum1="<font style='color:"+fontColor+"'>"+tNum+"</font>";
  23.                                 nTooltip=tArray.replace(tNum,tNum1);
  24.                         }
  25.                         $('#'+divId+' > div > div > div:nth-child(2)').html(nTooltip.join('<br/>'))
  26.                 }
  27.         },50);
  28. }

  29. changeTooltip('HHH2','yellow');
复制代码

最近看过此主题的会员

小由菜

totosa

养蚯蚓吃沙漠

进阶的小木桩

rjzhang

辰哥

dongying

本主题由辰哥于2019-9-29 17:40添加图章 精华

1个回答

只看楼主

辰哥 管理员

发表于2019-9-29 17:40

只看该作者

取消 关注该作者的回复

沙发

超棒的分享,学习了~

登录后可回答问题,请登录注册

回帖消息提醒
快速回复 返回顶部 返回列表

小时

全天响应

分钟

快速处理问题

工程师强势助力

明星产品
解决方案
联系合作

渠道咨询电话:137-0120-6790直销咨询电话:137-0121-6791

技术支持QQ:400-0011-866(工作日9:00-18:00)

产品建议邮箱service@esensoft.com

关注我们

扫TA学习更多干货

进群交流、一对一指导

©2019ESENSOFT北京亿信华辰软件有限责任公司版权所有:京ICP备07017321号京公网安备11010802016281号