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.