html5地图提示信息如何设置文字及背景颜色，（数字颜色单独设置）

复制链接 | 收藏本帖

2237

楼主

效果如下：

客户端代码：

//green为整体背景，red为其他文字颜色
addStyleSheet("#HHH2 > div > div > div:nth-child(2){background-color:green!important;color:red!important}");
/**
* divId 地图容器ID
* fontColor 数字颜色
**/
function changeTooltip(divId,fontColor){
setInterval(function(){
if($('#' +divId+'> div > div > div:nth-child(2)').html()){
var tooltip=$('#' +divId+'> div > div > div:nth-child(2)').html();
var tArray=tooltip.split('<br>');
var nTooltip=[];
for(var i=0;i<tArray.length;i++){
var tStr='';
var tNum='';
var tNum1='';
for(var j=0;j<tArray.length;j++){
if((tArray[j].charCodeAt()>=48 && tArray[j].charCodeAt()<=57) || tArray[j].charCodeAt()==46){
tNum+=tArray[j];
}
}
tNum1="<font style='color:"+fontColor+"'>"+tNum+"</font>";
nTooltip=tArray.replace(tNum,tNum1);
}
$('#'+divId+' > div > div > div:nth-child(2)').html(nTooltip.join('<br/>'))
}
},50);
}
changeTooltip('HHH2','yellow');