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.

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

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


1

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


-1

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

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.