2

目标：

我正在尝试使用 OpenLayers 6.2 为一条线显示两个标签（一个在线上方，一个在线下方），同时打开整理功能。整理后的目标状态图片。 使标签更紧密

问题：

当 decluttering 关闭时，我可以实现我的目标，但是当 decluttering 打开时，它将关闭行下方的文本。

背景：

请参考随附的 CodeSandbox（index.js 文件）（或下面的代码片段）——我在第 19 行和第 30 行设置了我当前 javascript 的示例——如果数字更改为 -23 或 24（或任何更接近的值）到该行）分别，如果在第 64 行https://codesandbox.io/s/line-label-style-7y5ly将 decluttering 设置为 true，您会注意到底部标签将关闭 

feature.setStyle([
  new Style({
    stroke: new Stroke({
      color: "blue",
      width: 3
    }),
    text: new Text({
      text: "Text 1 Lorem Ipsum",
      placement: "line",
      textBaseline: "middle",
      offsetY: -24,
      padding: [-10, -10, -10, -10],
      stroke: new Stroke({ color: "red" }),
      backgroundStroke: new Stroke({ color: "red" })
    })
  }),
  new Style({
    text: new Text({
      text: "Text 2 Lorem Ipsum",
      placement: "line",
      textBaseline: "middle",
      offsetY: 25,
      padding: [-10, -10, -10, -10],
      stroke: new Stroke({ color: "blue" }),
      backgroundStroke: new Stroke({ color: "blue" })
    })
  })
])
4

0 回答 0