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];
},

最后

以上就是淡定蜻蜓为你收集整理的openlayers 根据style设置显示级别并在字体加背景框的全部内容，希望文章能够帮你解决openlayers 根据style设置显示级别并在字体加背景框所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。