Polylinie im Flugblatt zeichnen?

24

Dies ist meine Codierung, die ich in der Broschüre verwendet habe:

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

Die Karte zeigt kein Ergebnis. Ich brauche nur eine gerade Linie von einem Punkt zum anderen, visualisiere sie nur, nicht geodätisch korrekt. Punkte (in der Broschüre "Kreise") werden auf der Karte perfekt angezeigt.

Gegenstrom
quelle

Antworten:

36

Wird Ihr Code direkt eingefügt? Wenn ja,

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

});

hat fehlende Kommas in den Zeilen 5 & 8 und Zeile 12 verwendet firstpolyline.addTo(map). Mach es

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
quelle
Ich kann nur einen Fehler sehen und habe ihn behoben. Aber die Polylinie wird auf meiner Karte immer noch nicht angezeigt. Was mache ich falsch?
Gegen den Strom
Sie haben gerade eine kleine Codezeile am Ende verpasst. Die Polylinie wurde korrekt codiert, aber nicht der Karte hinzugefügt, da dies für Lealflet erforderlich ist: firstpolyline.addTo (map);
3

addLayer funktioniert bei mir nicht, musste machen .addTo(map)

Connor Leech
quelle
1

Verwenden Sie Kleinbuchstaben "Polylinie" in L.polyline(...). Das wird funktionieren.

Adam
quelle
-1

Wenn Sie einen genauen Pfad (Kurvenformen) wünschen, verwenden Sie polyline.antPath.

Tarak Reddy
quelle