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