openlayers之new Text()属性探究

openlayers版本6.4.3

options:

font

  • 字符串类型.用逗号隔开每个属性
  • 默认:10px sans-serif
  • 其原型就是应用在Canvas上的字体样式.
  • 其取值有可以取 css font 中的样式

maxAngle

  • 数字类型. 前提必须是placement属性设置为line
  • 默认:45°(Math.PI / 4)
  • 一行文本和另一行文本的夹角

offsetX

  • 数值型
  • 默认0
  • 水平文本偏移量(以像素为单位)。正数将使文本右移。

offsetY

  • 数值型
  • 默认0
  • 垂直文本偏移量(以像素为单位)。正值将使文本向下移动。

overflow

  • 布尔值,针对多边形标签或当placement设置为时’line’

  • 默认false

  • 允许文本超出标签位置处多边形的宽度或其所沿路径的长度。

  • 示例:

    在这里插入图片描述

    如图,描述文字在要素范围外

placement

  • 其值是TextPlacement对象,可直接放字符串. 取值有两个 point和line
  • 默认point
  • 文字的放置方式.当为point时,以点的方式放置,line 以线的方式放置,主要应用在线要素或者需要在多边形边界显示文字的时候
  • 示例:
    point模式
    point模式
    line模式
    line模式

scale

  • 数值型 或者 ol/size~Size的类型
  • 默认1
  • 相对于上述字体大小的倍数

rotateWithView

  • 布尔值
  • 默认 false
  • 是否旋转带有视图的文本

rotation

  • 数值型
  • 0
  • 弧度旋转(顺时针正旋转),

text

  • 字符串
  • 文本内容

textAlign

  • 字符串
  • point模式默认:center
  • 对齐方式
  • 可能的取值“ left”,“ right”,“ center”,“ end”或“ start”。
  • 对于placement: ‘line’,默认设置是让渲染器选择maxAngle不超过其位置的位置。

textBaseline

  • 字符串
  • 默认middle
  • 文本的基准线
  • 取值范围: ‘bottom’, ‘top’, ‘middle’, ‘alphabetic’, ‘hanging’, ‘ideographic’.

fill

  • ol/style/Fill~Fill
  • 默认 #333
  • 文本的颜色,字体颜色

stroke

  • ol/style/Stroke~Stroke
  • 描边样式

backgroundFill

  • ol/style/Fill~Fill
  • 当为point模式时,可以使用它对文本背景进行颜色填充

backgroundStroke

  • ol/style/Stroke~Stroke
  • 当为point模式时,可以使用它对文本背景进行设置描边样式

padding

  • Array.
  • 默认 [0,0,0,0] 上右下左
  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
OpenLayers 是一种用于在地图上显示和交互的JavaScript库。要获取geometryname属性,可以使用以下步骤: 首先,确保已经引入并初始化了OpenLayers库。可以在HTML文件中添加以下代码: ``` <script src="https://cdn.jsdelivr.net/npm/ol@6.5.0/dist/ol.js"></script> ``` 然后,创建一个地图容器,可以是一个`<div>`元素,用于显示地图。在HTML文件中添加以下代码,将其作为地图容器: ``` <div id="map" style="width: 100%; height: 400px;"></div> ``` 在JavaScript代码中,使用以下代码来获取geometryname属性: ```javascript // 创建一个地图对象 var map = new ol.Map({ target: 'map', layers: [ // 这里可以添加你需要的地图图层 ], view: new ol.View({ // 设置地图的初始中心点和缩放级别 center: [0, 0], zoom: 2 }) }); // 获取地图中的矢量图层 var vectorLayer = map.getLayers().getArray().find(layer => layer instanceof ol.layer.Vector); // 获取图层中的要素集合 var features = vectorLayer.getSource().getFeatures(); // 遍历要素集合,获取每个要素的geometryname属性 features.forEach(function(feature) { var geometryName = feature.getGeometryName(); console.log(geometryName); }); ``` 上述代码首先获取了地图中的矢量图层,然后通过图层的getSource()方法获取要素集合。接着使用forEach()方法遍历要素集合,获取每个要素的geometryname属性,并将其打印到控制台中。 通过以上步骤,你可以成功获取OpenLayers中要素的geometryname属性

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

qlanto

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值