openlayers画虚线 (十四)

在openlayers中画虚线主要是通过设置Style对象中Stroke里的lineDash属性来实现，lineDash在官网文档描述中很模糊，只说了它是一个数组，再尝试后发现规律过来记录一下这个属性。

lineDash数组可以任意长度，它的奇数代表线的长度，偶数代表间隙长度。通过这个规则，就可以画出各种规则的虚线，如以下效果：

再举个例子：lineDash: [20, 10, 40, 20]

代码如下：

// 创建线因素
const wireFeature = new Feature({geometry: new LineString([transform([121.501842, 31.239204], 'EPSG:4326', 'EPSG:3857'),transform([121.506337, 31.238305], 'EPSG:4326', 'EPSG:3857'),transform([121.506606, 31.235846], 'EPSG:4326', 'EPSG:3857'),transform([121.500243, 31.236103], 'EPSG:4326', 'EPSG:3857'),]),
})
// 创建线样式
const wireStyle = new Style({stroke: new Stroke({width: 2,color: '#000000',lineDash: [20, 10, 40, 20], // 重点在这}),
})
// 样式添加进因素中
wireFeature.setStyle(wireStyle)
// 在地图中显示
this.map.addLayer(new VectorLayer({source: new VectorSource({features: [wireFeature],}),
}))

openlayers画虚线 (十四)相关推荐

matlab练习_MATLAB教程-台大郭彦甫-第十四节，含练习答案
14-回归与内插一.Polynomial curve fitting(多项式曲线拟合) (一)Simple Linear Regression(简单线性回归) 1.A bunch of data p ...
【《Real-Time Rendering 3rd》提炼总结】(十一) 第十四章 : 游戏开发中的渲染加速算法总结
本文由@浅墨_毛星云出品,转载请注明出处. 文章链接: http://blog.csdn.net/poem_qianmo/article/details/78884513 导读这是一篇1万3千 ...
《软件开发工具》（第七—十四章）
第七.八章 Eclipse入门和工作台 *(以下几章选择填空题居多)* Eclipse的体系结构:运行时内核.工作空间.工作台.插件等 1) 运行时内核:平台运行库是内核,它在启动时检查已安装了哪些插 ...
【转载】【《Real-Time Rendering 3rd》提炼总结】(十一) 第十四章 : 游戏开发中的渲染加速算法总结
本文由@浅墨_毛星云出品,转载请注明出处. 文章链接: http://blog.csdn.net/poem_qianmo/article/details/78884513 导读这是一篇1万 ...
【正点原子STM32连载】第五十四章手写识别实验摘自【正点原子】MiniPro STM32H750 开发指南_V1.1
1)实验平台:正点原子MiniPro H750开发板 2)平台购买地址:https://detail.tmall.com/item.htm?id=677017430560 3)全套实验源码+手册+视频 ...
iOS 使用Quartz 2D画虚线 .
画虚线需要用到函数: CGContextSetLineDash 此函数需要四个参数: context – 这个不用多说 phase - 稍后再说 lengths – 指明虚线是如何交替绘制,具体看例子 ...
第十四届智能车竞赛规则浅聊
以下文字摘自于ZNCZZ论坛,目的是用于交流.摘录未做任何删减,文中观点为作者的观点:文中内嵌商业推广信息,请大家自行判断. 这不是魔术,只是看到的是三维世界在二维视网膜上的投影距离卓老师微信公众号 ...
OpenCV学习笔记（十一）（十二）（十三）（十四）（十五）
OpenCV学习笔记(十一)--谈谈像素的类型和对Templates的限制使用 Templates是c++的一个很强大的特征,可以是数据结构更加安全高效.但也会增加编译时间和代码的长度,当函数被频繁调 ...
鸟哥的Linux私房菜(基础篇)- 第二十四章、 X Window 配置介绍
第二十四章. X Window 配置介绍最近升级日期:2009/08/07 在 Linux 上头的图形介面我们称之为 X Window System,简称为 X 或 X11 罗!为何称之为系统呢?这 ...

openlayers画虚线 (十四)

openlayers画虚线 (十四)相关推荐

最新文章

热门文章