Broşürde çoklu çizgi çizme?


24

Bu, Leaflet'te kullandığım kodlamam:

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

Harita herhangi bir sonuç göstermiyor. Sadece bir noktadan diğerine düz bir çizgiye ihtiyacım var, sadece görselleştirin, jeodezik değil. Noktalar (Broşür "daireler" içinde) haritada mükemmel olarak gösterilmiştir.

Yanıtlar:


36

Kodunuz doğrudan yapıştırıldı mı? Öyleyse,

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

});

5 ve 8 numaralı satırlarda virgül eksik ve 12 numaralı hat kullanıldı firstpolyline.addTo(map). Bunu yapmak

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

Sadece bir hata görebiliyorum ve düzelttim. Ancak polyline hala haritamda gösterilmiyor. Neyi yanlış yapıyorum?
akış

Sonunda küçük bir kod satırını kaçırdın. Polyline doğru kodlandı, ancak Lealflet'in gerektirdiği şekilde haritaya eklenmedi: firstpolyline.addTo (map);


1

Küçük harf "polyline" içinde kullanın L.polyline(...). Bu çalışacak.


-1

Tam yol istiyorsanız (eğri şekilleri), polyline.antPath kullanın.

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.