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.

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

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


1

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


-1

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

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.