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.

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

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


1

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


-1

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

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.