เส้นประใน OL3?


13

ฉันรู้ว่าLine Dash ไม่ทำงาน 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

@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


Good Live Example แต่คุณสามารถอธิบายในคำตอบของคุณว่าคุณทำอะไรเพื่อรับเส้นประ?
Mapperz

1
ขอบคุณสำหรับคำตอบทั้งหมดของคุณ ฉันเข้าใจผิด ฉันทำสิ่งเดียวกันทุกคนบอกให้ฉันทำ ข้อผิดพลาดคือความแตกต่างเล็กน้อยของตัวอักษรตัวพิมพ์เล็กและใหญ่ 'Linedash' และ 'LineDash'
Ishan
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.