OpenLayers设置显示文本

网友投稿 459 2022-11-21

OpenLayers设置显示文本

var nonTextStyle = new ol.style.Style({ //把点的样式换成ICON图标 fill: new ol.style.Fill({ //填充颜色 color: 'rgba(37,241,239,0.2)' }), //图形样式,主要适用于点样式 image: new ol.style.Circle({ //半径大小 radius: 7, //填充 fill: new ol.style.Fill({ //填充颜色 color: '#e81818' }) }), text: new ol.style.Text({ // 字体与大小 font: '13px Microsoft YaHei', //文字填充色 fill: new ol.style.Fill({ color: '#666' }), //文字边界宽度与颜色 stroke: new ol.style.Stroke({ color: '#fff', width: 3 }), // 显示文本,数字需要转换为文本string类型! /*text: "" + vectorSource.features.values_.limitvalue + "",*/ offsetY: -15 }) }); vector = new ol.layer.Vector({ source: vectorSource, /*style: nonTextStyle,*/ style: function (feature) { var limitvalue = feature.values_.limitvalue; if (limitvalue != null && limitvalue != undefined && limitvalue > 0) { nonTextStyle.getText().setText("" + limitvalue + ""); } return nonTextStyle; }, name: nodeArray[i][1], visible: false, id: nodeArray[i][0], zIndex: 1000, updateWhileAnimating: false, updateWhileInteracting: false });

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:Java 实战项目之家政服务平台系统的实现流程
下一篇:OpenLayers重新加载图层数据
相关文章

 发表评论

暂时没有评论,来抢沙发吧~