OL3の破線?


13

私が知っているOL3(OpenLayersを3)に動作していないラインダッシュ以前に頼まれたのが、提案された解決策は機能していません。

私のコードは次のとおりです。

var calculateStyle= new ol.style.Style({
      fill: new ol.style.Fill({
    color: [255, 255, 255, 0.6],
    opacity: 0.3
  }),
  stroke: new ol.style.Stroke({
    color: [0, 153, 255, 1],
    linedash: [40,40],
    width: 3
  })
});

私は両方を試してみました[4,4]し、[40,40]リンク質問で提案されています。しかし、それは機能していません。


2
試してみてくださいlineDash: [4,4]またはlineDash: [40,40]
ガボールファーカス

@GaborFarkas:こんにちは。私はすでに両方を試しましたが、それは機能していません
イシャン

回答:


19

破線は次の方法で実行できます。

new ol.style.Style({
    stroke: new ol.style.Stroke({
        width: 3, color: 'rgba(255, 255, 255, 1)',
        lineDash: [.1, 5] //or other combinations
    }),
    zIndex: 2
})

オンラインの例を作成しました!

http://plnkr.co/edit/AW1YNC?p=preview

このオンライン「テスター」を使用して、さまざまな組み合わせを取得できます。

http://phrogz.net/tmp/canvas_dashed_line.html


良い実例ですが、破線で表示するために何をしたかを回答で説明できますか?
マッパーズ

1
あなたのすべての答えをありがとう。私は間違いを犯した。私はみんなが私に言っているのと同じことをやってきた。間違いは、小文字と大文字のわずかな違いでした。「Linedash」と「LineDash」
イシャン
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.