Menggambar polyline di Leaflet?

24

Ini adalah kode yang saya gunakan di Leaflet:

    var pointA = new L.LatLng(28.635308, 77.22496);
    var pointB = new L.LatLng(28.984461, 77.70641);
    var pointList = [pointA, pointB];

    var firstpolyline = new L.Polyline(pointList {
    color: 'red',
    weight: 3,
    opacity: 0.5
    smoothFactor: 1

    });

    map.addLayer(firstpolyline);

Peta tidak menunjukkan hasil apa pun. Saya hanya perlu garis lurus dari satu titik ke titik lain, hanya memvisualisasikannya, bukan geodetik yang benar. Poin (dalam "lingkaran" Leaflet) ditampilkan dengan sempurna di peta.

melawan arus
sumber

Jawaban:

36

Apakah kode Anda disisipkan secara langsung? Jika begitu,

var pointA = new L.LatLng(28.635308, 77.22496);
var pointB = new L.LatLng(28.984461, 77.70641);
var pointList = [pointA, pointB];

var firstpolyline = new L.polyline(pointList {
color: 'red',
weight: 3,
opacity: 0.5
smoothFactor: 1

});

telah kehilangan koma di jalur 5 & 8, dan jalur 12 digunakan firstpolyline.addTo(map). Buat itu

var pointA = new L.LatLng(28.635308, 77.22496);
var pointB = new L.LatLng(28.984461, 77.70641);
var pointList = [pointA, pointB];

var firstpolyline = new L.Polyline(pointList, {
    color: 'red',
    weight: 3,
    opacity: 0.5,
    smoothFactor: 1
});
firstpolyline.addTo(map);
Jason Scheirer
sumber
Saya hanya dapat melihat satu kesalahan, dan saya memperbaikinya. Tapi polyline masih belum muncul di peta saya. Apa yang saya lakukan salah?
melawan arus
Anda baru saja melewatkan satu baris kecil kode di bagian akhir. Polyline dikodekan dengan benar, tetapi tidak ditambahkan ke peta karena Lealflet membutuhkan: firstpolyline.addTo (peta);
3

addLayer tidak bekerja untuk saya, harus dilakukan .addTo(map)

Connor Leech
sumber
1

Gunakan huruf kecil "polyline" di L.polyline(...). Ini akan bekerja

Adam
sumber
-1

Jika Anda ingin jalur yang tepat (bentuk kurva), gunakan polyline.antPath.

Tarak Reddy
sumber