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]
Gabor Farkas,2015年

@GaborFarkas:嗨。我已经尝试过两种,但它不工作
依禅

Answers:


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


好的现场例子,但您能否在答案中描述为获得虚线所做的事情?
Mapperz

1
感谢您的所有答复。我弄错了。我一直在做每个人都告诉我要做的事情。错误是小写和大写字符之间的微小差异。'Linedash'和'LineDash'–
Ishan
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.