Linhas tracejadas no OL3?


13

Eu sei que o traço de linha não está funcionando OL3 (Openlayers 3) foi solicitado anteriormente, mas a solução proposta não está funcionando.

Meu código é:

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
  })
});

Eu tentei os dois [4,4]e [40,40]sugeri na pergunta vinculada. Mas não está funcionando.


2
por favor tente lineDash: [4,4]oulineDash: [40,40]
Gabor Farkas

@GaborFarkas: Olá. Eu já tentei tanto, mas ele não está funcionando
Ishan

Respostas:


19

As linhas tracejadas podem ser feitas com:

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
})

Eu fiz de você um exemplo online!

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

Você pode usar este "testador" online para obter várias combinações:

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


Bom exemplo ao vivo, mas você pode descrever em sua resposta o que fez para obter as linhas tracejadas?
Mapperz

1
Obrigado por todas as suas respostas. Eu entendi o erro. Eu tenho feito a mesma coisa que todo mundo está me dizendo para fazer. O erro foi uma pequena diferença de caracteres minúsculos e maiúsculos. 'Linedash' e 'LineDash'
Ishan
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.