Dessiner une polyligne dans Leaflet?

24

Voici mon codage que j'ai utilisé dans 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);

La carte ne montre aucun résultat. J'ai juste besoin d'une ligne droite d'un point à un autre, il suffit de la visualiser, pas géodésique correcte. Les points (dans les "cercles" du dépliant) s'affichent parfaitement sur la carte.

leaflet contre-courant
la source

Réponses:

36

Votre code est-il collé directement? Si c'est le cas,

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

});

a des virgules manquantes aux lignes 5 et 8 et à la ligne 12 firstpolyline.addTo(map). Fais-le

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
la source
Je ne peux voir qu'une seule erreur et je l'ai corrigée. Mais la polyligne ne s'affiche toujours pas sur ma carte. Qu'est-ce que je fais mal?
contre
Vous venez de manquer une petite ligne de code à la fin. La polyligne était correctement codée, mais elle n'a pas été ajoutée à la carte car Lealflet requiert: firstpolyline.addTo (map);
3

addLayer ne fonctionne pas pour moi, a dû faire .addTo(map)

Connor Leech
la source
1

Utilisez des minuscules "polyligne" dans L.polyline(...). Cela fonctionnera.

Adam
la source
-1

Si vous voulez un chemin exact (formes de courbe), utilisez polyline.antPath.

Tarak Reddy
la source