Desenho de polilinha no folheto?

24

Esta é a minha codificação que usei no 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);

O mapa não está mostrando nenhum resultado. Eu só preciso de uma linha reta de um ponto para outro, apenas visualizá-lo, não geodésicamente correto. Os pontos (nos "círculos" do folheto) estão aparecendo perfeitamente no mapa.

contrafluxo
fonte

Respostas:

36

Seu código é colado diretamente? Se então,

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

});

faltam vírgulas nas linhas 5 e 8 e uso da linha 12 firstpolyline.addTo(map). Faça

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
fonte
Eu vejo apenas um erro e o corrigi. Mas a polilinha ainda não está aparecendo no meu mapa. O que estou fazendo errado?
againstflow
Você acabou de perder uma pequena linha de código no final. A polilinha foi codificada corretamente, mas não foi adicionada ao mapa, pois o Lealflet exige: firstpolyline.addTo (map);
3

addLayer não funciona para mim, tinha que fazer .addTo(map)

Connor Leech
fonte
1

Use "polilinha" minúsculo em L.polyline(...). Isso vai funcionar.

Adão
fonte
-1

Se você deseja um caminho exato (formas de curva), use polyline.antPath.

Tarak Reddy
fonte