Площадь складывается при рисовании многоугольной листовки ⇐ Jquery

[Anonymous]

Я учусь рисовать многоугольники, используя следующий код:

Код: Выделить всё

var markersAreaGroup = L.layerGroup();
markersAreaGroup.addTo(map);

var tooltipAreaGroup = L.layerGroup();
tooltipAreaGroup.addTo(map);

var lineAreaGroup = L.layerGroup();
lineAreaGroup.addTo(map);

var markerArea;
var markersAreaCount;
var lineArea;
const coordinatesArea = [];
const latArea = [];
const longArea = [];

map.on('click', function(e){
markerArea = new L.marker(e.latlng, {alt: 'markerArea', icon: rulerIcon}).on('click',function(e) {
event.stopPropagation();
});
markersAreaGroup.addLayer(markerArea);

markersAreaCount = markersAreaGroup.getLayers().length;

coordinatesArea.push([e.latlng.lat,e.latlng.lng]);

//draw area
lineArea = L.polygon(coordinatesArea, {
alt : 'lineArea',
weight: 1,
color: '#090dff',
fillColor: '#090dff',
fillOpacity: 0.2,
});

//add the area
lineAreaGroup.addLayer(lineArea);
});

Когда щелкают карту для рисования маркеров (например, 4 маркера), полученные маркеры складываются, как показано на рисунке ниже:


Что случилось? Мне нужны предложения.

Подробнее здесь: https://stackoverflow.com/questions/791 ... on-leaflet