¿Dibujar polilínea en folleto?

24

Esta es mi codificación que utilicé en el folleto:

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

El mapa no muestra ningún resultado. Solo necesito una línea recta de un punto a otro, solo visualícela, no geodésicamente correcta. Los puntos (en los "círculos" del folleto) se muestran perfectamente en el mapa.

contraflujo
fuente

Respuestas:

36

¿Su código está pegado directamente? Si es así,

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

});

le faltan comas en las líneas 5 y 8, y el uso de la línea 12 firstpolyline.addTo(map). Hazlo

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
fuente
Solo puedo ver un error y lo solucioné. Pero la polilínea todavía no se muestra en mi mapa. ¿Qué estoy haciendo mal?
contraflujo
Acabas de perder una pequeña línea de código al final. La polilínea se codificó correctamente, pero no se agregó al mapa, ya que Lealflet requiere: firstpolyline.addTo (mapa);
3

addLayer no funciona para mí, tenía que hacer .addTo(map)

Connor Leech
fuente
1

Utilice minúsculas "polilínea" en L.polyline(...). Esto funcionará

Adán
fuente
-1

Si desea una ruta exacta (formas de curva), use polyline.antPath.

Tarak Reddy
fuente