Rysowanie polilinii w ulotce?

24

Oto moje kodowanie, którego użyłem w Ulotce:

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

Mapa nie pokazuje żadnego wyniku. Potrzebuję tylko prostej linii z jednego punktu do drugiego, po prostu ją wizualizuj, a nie poprawne geodezyjnie. Punkty (w „okręgach” ulotki) doskonale pokazują się na mapie.

przeciwprąd
źródło

Odpowiedzi:

36

Czy Twój kod został wklejony bezpośrednio? W takim razie,

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

});

brakuje przecinka w liniach 5 i 8, a użycie linii 12 firstpolyline.addTo(map). Zrób to

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
źródło
Widzę tylko jeden błąd i naprawiłem go. Ale polilinia nadal nie wyświetla się na mojej mapie. Co ja robię źle?
flowflow
Po prostu przegapiłeś mały wiersz kodu na końcu. Polilinia została poprawnie zakodowana, ale nie została dodana do mapy, ponieważ wymaga tego Lealflet: firstpolyline.addTo (mapa);
3

addLayer nie działa dla mnie, musiałem to zrobić .addTo(map)

Connor Leech
źródło
1

Użyj „polilinii” małymi literami w L.polyline(...). To zadziała.

Adam
źródło
-1

Jeśli chcesz uzyskać dokładną ścieżkę (kształty krzywej), użyj polyline.antPath.

Tarak Reddy
źródło