openlayer stroke 两条线重叠样式 openlayer+vectorLayer

最新推荐文章于 2024-04-01 00:45:00 发布

星良辰寻

最新推荐文章于 2024-04-01 00:45:00 发布

阅读量320

点赞数

分类专栏： openlayer 文章标签： openlayer

本文链接：https://blog.csdn.net/josiecici/article/details/127926907

版权

openlayer 专栏收录该内容

20 篇文章 3 订阅

订阅专栏

效果：
在这里插入图片描述

核心代码：

    style: (feature) => {
      let style1 = new CreateStyle({
        fill: CreateStyle.initFill("rgba(77, 146, 194,1)"),
        stroke: CreateStyle.initStroke({
          color: "rgba(9, 103, 189,1)",
          width: 7,
        }),
      }).initStyleWithOptions();
      let style2 = new CreateStyle({
        fill: CreateStyle.initFill("rgba(77, 146, 194,1)"),
        stroke: CreateStyle.initStroke({
          color: "rgba(255, 255, 255,1)",
          width: 2,
        }),
      }).initStyleWithOptions();
      return [style1,style2];
    },