¿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.

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

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


1

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


Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.