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.

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

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


1

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


-1

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

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.