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

转载于:https://www.cnblogs.com/cwyql/p/8487336.html

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

log日志：如何设置log级别、打印字体的颜色
话不多说,直接上代码: #ifndef _LOG_H#define _LOG_H#include <stdio.h>/*打印信息的显示颜色*/ #define HL_RED "\ ...
android TextView下划线，圆角边框，数逐字显示，虚线边框，渐变色背景框，阴影背景框
长方形 <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="h ...
phpexcel 设置批注_PHPExcel-设置表格字体颜色背景样式、数据格式、对齐方式、添加图片、批注、文字块、合并拆分单元格、单元格密码保护...
首先到phpexcel官网上下载最新的phpexcel类,下周解压缩一个classes文件夹,里面包含了PHPExcel.php和PHPExcel的文件夹,这个类文件和文件夹是我们需要的,把class ...
设置goland的主题、字体和背景颜色
goland是一个专门用来进行go语言开发的IDE,使用非常方便.下面介绍goland 2020里的主题与字体设置. 1.主题设置推荐使用Darcula主题,该主题的颜色对比度清晰. ...
132：vue+openlayers: 设置显示图层的层级数zIndex （示例代码）
第132个点击查看专栏目录本示例的目的是介绍演示如何在vue+openlayers中设置显示层级数zIndex.每一个图层都像一张纸似的,叠加在一起,上面的层级数zIndex值高,下面的层级数小. ...
PHP - .htaccess设置显示PHP错误 (转)
用.htaccess设置显示PHP错误使用.htaccess可以在某种程度上更改PHP的错误显示的设置,实际上,相当于更改PHP.ini的参数,很是方便. 将以下相应代码放到对应目录中的.htacc ...
Android 集成高德地图——当前定位，添加图标，画路线，设置显示中心位置，比例，地图刷新位置监听，判断GPS开启，去打开GPS
/*** 判断定位服务是否开启** @param* @return true 表示开启*/ public static boolean isLocationEnabled(Context contex ...
当浏览器窗口大小改变时，设置显示内容的高度
1 window.οnlοad=function(){ 2 changeDivHeight(); 3 } 4 //当浏览器窗口大小改变时,设置显示内容的高度 5 window.οnresize=fun ...
设置浏览器显示小于12px以下字体的三种方法
使用场景: 以往设计图给的字号一般最小就是12px, 开发人员一般是使用谷歌浏览器来进行调试运行. 谷歌浏览器上显示字体最小为12px,css设置font-size:10px,运行代码显示结果仍然是1 ...

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

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

最新文章

热门文章