Desenho de polilinha no folheto?


24

Esta é a minha codificação que usei no 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);

O mapa não está mostrando nenhum resultado. Eu só preciso de uma linha reta de um ponto para outro, apenas visualizá-lo, não geodésicamente correto. Os pontos (nos "círculos" do folheto) estão aparecendo perfeitamente no mapa.

Respostas:


36

Seu código é colado diretamente? Se então,

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

});

faltam vírgulas nas linhas 5 e 8 e uso da linha 12 firstpolyline.addTo(map). Faça

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

Eu vejo apenas um erro e o corrigi. Mas a polilinha ainda não está aparecendo no meu mapa. O que estou fazendo errado?
againstflow

Você acabou de perder uma pequena linha de código no final. A polilinha foi codificada corretamente, mas não foi adicionada ao mapa, pois o Lealflet exige: firstpolyline.addTo (map);


1

Use "polilinha" minúsculo em L.polyline(...). Isso vai funcionar.


-1

Se você deseja um caminho exato (formas de curva), use polyline.antPath.

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.