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.