Требования :При использовании API-интерфейса Leaflet js maps, когда клиент щелкает маркер, прямоугольник должен быть нарисован чуть ниже маркера, центрируясь в соответствии с маркером. Затем щелчок по другому маркеру должен удалить предыдущие прямоугольники и нарисовать еще один прямоугольник под вновь нажатым маркером.
Проблема :Я использую приведенный ниже код для рисования многоугольника и вижу прямоугольник. И он рисует прямоугольник на маркере. Затем, нажав на другой маркер, рисуется новый прямоугольник. Но старый прямоугольник тоже существует.
Вопрос :Как мне реализовать поведение, чтобы при нажатии на новый маркер старый прямоугольник удалялся с карты?
//polygon
var latBlockSize = 0.002;
var lngBlockSize = 0.002;
var route = [
new L.LatLng(parseFloat(customer.MailingAddress.Lat) + latBlockSize, parseFloat(customer.MailingAddress.Lng) - lngBlockSize),
new L.LatLng(parseFloat(customer.MailingAddress.Lat) + latBlockSize, parseFloat(customer.MailingAddress.Lng) + lngBlockSize),
new L.LatLng(parseFloat(customer.MailingAddress.Lat) - latBlockSize, parseFloat(customer.MailingAddress.Lng) + lngBlockSize),
new L.LatLng(parseFloat(customer.MailingAddress.Lat) - latBlockSize, parseFloat(customer.MailingAddress.Lng) - lngBlockSize)
];
window.polygon = new L.Polygon(route);
window.map.addLayer(window.polygon);