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]
가보 Farkas 보낸

@GaborFarkas : 안녕하세요. 나는 이미 두 가지를 모두 시도했지만 작동하지 않습니다.
Ishan

답변:


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
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.