Disegnare la polilinea nell'opuscolo?


24

Questa è la mia codifica che ho usato in 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 mappa non mostra alcun risultato. Ho solo bisogno di una linea retta da un punto all'altro, basta visualizzarlo, non geodetico corretto. I punti (nei "cerchi" del volantino) vengono mostrati perfettamente sulla mappa.

Risposte:


36

Il tuo codice è stato incollato direttamente? Se è così,

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

});

ha una virgola mancante nelle righe 5 e 8 e la riga 12 usa firstpolyline.addTo(map). Fallo

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

Vedo solo un errore e l'ho risolto. Ma la polilinea non viene ancora visualizzata sulla mia mappa. Che cosa sto facendo di sbagliato?
Counterflow

Alla fine hai perso una piccola riga di codice. La polilinea è stata codificata correttamente, ma non è stata aggiunta alla mappa come richiede Lealflet: firstpolyline.addTo (mappa);


1

Utilizzare la "polilinea" minuscola in L.polyline(...). Questo funzionerà.


-1

Se si desidera il percorso esatto (forme della curva), utilizzare polyline.antPath.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.