openlayers给要素加文字注记

在项目中，需要给每个行政市区的中心加上该行政区的name，我之前的实现方法都是用一个新的图层，专门来加文字注记，但是有一点，需要知道这个图形的中心位置，如果是规则的图形的话，可以很方便的找出中心位置，知道左下角和右上角坐标即可，假设记为coordinate,该方法的代码如下所示：

// 添加监测值
var anchor_value = new ol.Feature({geometry: new ol.geom.Point(coordinate)   //在中心位置实例化一个要素，设置要素的样式});// 设置文字styleanchor_value.setStyle(new ol.style.Style({text: new ol.style.Text({font: '15px Microsoft YaHei',text: data.features[i].properties["Leq2013"] + 'dB(A)',fill: new ol.style.Fill({color: '#222'})})}));

但是上面方法有一个弊端，如果是一个不规则的要素的话，不可以自己计算出中心点的坐标，通过查找，在openlayers API中找到了另外一种方法，可以直接对要素设置样式，样式里面就可以添加text文字描述，代码如下：

            var source = tianjinlayer.getSource().getFeatures();   //获取天津市行政区的所有市区图层要素，每个均是一个不规则几何体for(var i=0;i<source.length;i++){if(source[i].O.name == name ){  //单独设置一个市区的样式source[i].setStyle(new ol.style.Style({fill:new ol.style.Fill({color:"yellow"}),text: new ol.style.Text({font: '13px Microsoft YaHei',text:  name,fill: new ol.style.Fill({color: '#666'})})}));}else{source[i].setStyle(tianjinStyles[source[i].O.name]);  //设置要素恢复到之前的样式}}

用上面这种方法，可以实现为每个市区设置name,而且市区的name会出现在几何体的中心位置，这应该是openlayers API封装好的一个特性。。用这种方法就方便了好多。。

openlayers给要素加文字注记相关推荐

在mapbox 中使用特殊符号作为文字注记使用
特殊符号或者中文在mapbox中文字注记的使用,解决由于特殊符号无法加载的问题,使用该字体能完美解决例如这种的显示 ①北京方向来车,途径封闭路段的车辆在东戴河站驶离. 显示效果下载地址: http ...
arcgis js api4.x 加载注记符号text symbol 控制台报错解决
使用arcgis js api4.x加载注记符号,如果不设置字体的family属性控制台会出现"Couldn't find font sans-serif-regular. Falling ...
【ArcGIS微课1000例】0052：创建地理数据库注记（标准注记、要素关联注记、尺寸注记）
本文讲述创建地理数据库注记(标准注记.要素关联注记.尺寸注记)的方法. 文章目录一.创建标准注记二.创建与要素关联的注记三.创建尺寸注记一.创建标准注记标准注记不与地理数据库中的要素关联.标 ...
如何在GIS中转出并显示CAD的DWG中的文字（注记）数据
在使用GIS数据时经常会遇到DWG格式的数据,尤其是从国家单位拿到的测绘数据.很多时候我们需要将DWG数据转换为传统的GIS数据使用.下面我演示如何使用[GIS数据转换器]来将DWG数据转换为SHP数 ...
标注与注记的区别和联系
标注和注记都是地图上的文本信息,属于描述性文本,用于解释地图,但标注与注记之前有有所不同. 标注的文本和位置是由一系列定位规则自动确定的,其文本字符串基于要素属性,具有快速简单的特性.标注只能为要素添 ...
arcgis中的标注和注记
一直都分不清楚标注和注记的区别.这不,发布服务遇到了高级别的警告,说"00017: 数据框中至少有一个包含图形的已启用注记组文档中的数据框包含地图图形",一头雾水,找不到哪有什么地 ...
ArcGIS中文注记图层发布服务后变乱码（方框乱码）/如何有效修改注记要素类文字样式
将该注记图层添加到地图显示并启用编辑,打开属性表. 编辑字体和字体大小,在图层上观察更改效果,将字体调整至合适状态,记下更改后的字体及大小. 在ArcMap的Catalog目录中右键有问题的注记图层, ...
openlayer xyz加载_webGIS实践：3_1_openlayer展绘点线面注记
上一篇已经讲了,怎么加载瓦片地图. 这篇就看看怎么简单的渲染矢量点线面数据. 最简单的,绘制点线面注记. 效果长这样: 新建一个文件FeatureOL.HTML. 代码如下: <!DOCTYPE ...
【ArcGIS微课1000例】0053：注记(水平、沿直线、跟随要素、牵引线、弯曲注记)的创建与编辑
文章目录一.创建注记 1.创建注记要素类 2. 水平注记 3. 沿直线 4. 随沿要素 5. 沿引线 6. 弯曲二.修改注记 1. 复制粘贴 2. 移动注记 3. 旋转注记 4. 删除注记 5. ...

openlayers给要素加文字注记

openlayers给要素加文字注记相关推荐

最新文章

热门文章