openlayers 根据style设置显示级别并在字体加背景框

根据图层的属性字段设置图层显示级别

Iconstyle:function(feature,resolution) {
var style = new ol.style.Style({
fill: new ol.style.Fill({
color: 'rgba(241,242,236,0.8)',
}),
stroke : new ol.style.Stroke({
color : 'red',
width : 2
}),
image:new ol.style.Icon(({
offset: [0, 0],
opacity: 1.0,
rotateWithView: true,
rotation: 0.0,
scale: 1.0,
size: [60, 40],
anchor: [0.1, 0],
anchorXUnits: 'fraction',
anchorYUnits: 'pixels',
src:feature.get("type")
})),
text: new ol.style.Text({
font:'12px sans-serif',
offsetX:0,
offsetY:-7,
placement:'point',
backgroundStroke:new ol.style.Stroke({
color:'rgba(255,51,0,1)',
width:1
}),
//标签的背景填充
backgroundFill:new ol.style.Fill({
color:'rgba(255,51,0,1)'
}),
fill: new ol.style.Fill({
color: 'rgba(255,255,255,1)',

})
})
});

if(feature.get('name')){
style.getText().setText(resolution <0.00004291534423828125 ? feature.get('name') : '');  
}

return [style];
},

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值