Малювання полілінії в листочку?


24

Це моє кодування, яке я використовував у 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);

На карті не показано жодного результату. Мені просто потрібна пряма лінія від однієї точки до іншої, просто візуалізувати її, а не геодезично правильно. Точки (у листівці "кола") ідеально відображаються на карті.

Відповіді:


36

Ваш код вставлений безпосередньо? Якщо так,

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

});

містить пропуски комами у рядках 5 та 8 та в рядку 12 firstpolyline.addTo(map). Зроби це

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

Я бачу лише одну помилку, і я її виправив. Але полілінія все ще не відображається на моїй карті. Що я роблю неправильно?
проти потоку

Ви щойно пропустили невеликий рядок коду в кінці. Полілінійка була правильно закодована, але вона не була додана до карти, як вимагає Lealflet: firstpolyline.addTo (map);


1

Використовуйте внизу "поліліній" у L.polyline(...). Це спрацює.


Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.