访问Openlayers网站(https://jinuss.github.io/Openlayers_map_pages/,网站是基于
Vue3
+Openlayers
,里面有大量的实践和案例。觉得还不错,可以给个小星星Star,鼓励一波 https://github.com/Jinuss/OpenlayersMap哦~
概述
在 Openlayers 中,CircleStyle
类继承自 RegularShape
类,用于表示和渲染一个圆形的样式。CircleStyle
主要用于地图上的图形渲染,比如设置一个图标或标记为圆形。它提供了圆形样式的配置、渲染和复制功能。
关于RegularShape
类,可以参考这篇文章源码分析之Openlayers样式篇RegularShape类
。
源码
CircleStyle
类的源码实现
CircleStyle
类的源码实现如下:
class CircleStyle extends RegularShape {
constructor(options) {
options = options ? options : {
radius: 5 };
super({
points: Infinity,
fill: options.fill,
radius: options.radius,
stroke: options.stroke,
scale: options