openlayers文字标注 (九)

文字样式

let itemStyle = new Style({text: new Text(({// 位置textAlign: 'center',// 基准线textBaseline: 'middle',// 文字样式font: 'bold 12px 微软雅黑',// 文本内容text: '我是文字',// 文字颜色fill: new Fill({ color: '#587de5' }),// 文字背景// stroke: new Stroke({ color: '#ffcc33', width: 10 })}))
})

在地图中显示

let featureItem = new Feature({geometry: new Point(121.3213,31.3453),
})
featureItem.setStyle(itemStyle)
let vectorLayer = new VectorLayer({source: new VectorSource({features: featureItem})
})
map.addLayer(vectorLayer)

查看效果

openlayers文字标注 (九)相关推荐

matlab 图像中用text文字标注
图像中用text文字标注 clc,clear; close all; x=0:pi/50:2*pi; plot(x,sin(x)); title('正弦函数图形') xlabel('x Value') ...
地图中添加沿线文字标注
最近需要实现导航功能,其中路线规划和导航场景如下图所示: 上面的截图中,路线上面都绘制出了路名,方便用户查看自己选择的路线都经过了哪些道路.这里用到的地图的能力即为沿线文字标注腾讯地图 Android ...
CAD编辑指南4：新建空白图纸以及添加文字标注
CAD软件是机械和建筑等相关行业进行图纸设计的必备软件.图纸的设计离不开图纸格式的转换和图纸内容的修改和编辑.迅捷CAD编辑器就可以满足这两种需求,是一款十分好用的CAD编辑软件. 一.新建空白图纸 ...
位置度标注方法图解_新整理！安装工程施工图解手册，多彩文字标注现场图片，一看就懂...
新整理!安装工程施工图解手册,多彩文字标注现场图片,一看就懂在一个建筑工程项目中,安装工程是极为重要的一部分,其施工质量可以直接影响人们的生活质量.因此,近年来,各单位对于安装工程的施工做法要求越来 ...
MATLAB画图中图形对象、文字标注、希腊字母显示等
MATLAB官方TeX代码列表下面是Matlab官方列出来的Tex代码列表,包含了绝大部分的希腊字母和数学符号. MATLAB图形上的文字修饰文字标注是图形修饰中的重要因素,它可以是用户在窗口上随 ...
教程 | 使用小O地图制作文字标注地图
小O地图是一款基于互联网地图进行地图数据挖掘.处理.分析.图表的工具软件. 本文介绍使用小O地图进行文字标注功能. [数据源] 假设我们手上有坐标.文字的表格数据,如下图,需要在地图上标注出来,可以在 ...
leaflet沿线标注_LeaFlet学习之地图文字标注
在地图上进行一些文字的标注有些场景我们会用到,在这里我们文字标注用到了DivICon图标,通过与mark相结合,将mark的图标设置为DivICon图标,进行文字标注,放张图看看效果: 一.全部代码 ...
matlab+GMT 画图操作——在画图区域-R外进行图例文字标注
声明:仅供交流,如有错误请及时指出. 本文链接:https://mp.csdn.net/console/editor/html/104388172 还是用的matlab+GMT进行画图操作.在进行图例 ...
mapv地图文字标注
效果代码 //文字标注function text() {var textdata = [];textdata.push({geometry: {type: 'Point',coordinates: ...

openlayers文字标注 (九)

openlayers文字标注 (九)相关推荐

最新文章

热门文章