小编Mak*_*War的帖子

Openlayers ol.interaction.Draw 描边样式

我有这个jsfiddle,它能够在完美运行的地图上绘制多边形。我想不通的是如何设置 .Draw 交互的样式。

目前,我有一条虚线用于用户已经绘制的多边形部分,另一条虚线将第一个绘制的点连接到最后一个绘制的点。

当我写样式时,它似乎会影响这两行。

我需要的是一条黑色虚线连接用户已经绘制的点,并且没有线(完全透明)用于将最后绘制的点连接回第一个绘制点的线。

这是我当前的样式对象:

style: new ol.style.Style({
    stroke: new ol.style.Stroke({
      color: 'rgba(0, 0, 0, 0.5)',
      lineDash: [10, 10],
      width: 3
    }),
    image: new ol.style.Circle({
      fill: new ol.style.Fill({ color: [0, 0, 0, 0.2] }),
      stroke: new ol.style.Stroke({
        color: [0, 0, 0, 0.5],
        width: 1
      }),
      radius: 4
    })
  })
Run Code Online (Sandbox Code Playgroud)

我曾尝试添加颜色和样式数组,但似乎无法正常工作。

有没有人遇到过这个问题并找到了解决方法?

openlayers reactjs

0
推荐指数
1
解决办法
645
查看次数

标签 统计

openlayers ×1

reactjs ×1