要件:リーフレットのjs maps apiを使用して、顧客がマーカーをクリックすると、マーカーの真下にマーカーに従ってセンタリングする必要があります。次に、別のマーカーをクリックすると、直前の四角形が削除され、新たにクリックされたマーカーの下に別の矩形が描画されます。マップからポリゴンを削除
問題:以下のコードを使用してポリゴンを描画していますが、長方形が表示されます。そして、マーカー上に矩形を描画します。次に、別のマーカーをクリックすると、新しい矩形が描画されます。しかし、古い矩形もまだ存在しています。
質問:新しいマーカーをクリックすると、古い矩形がマップから削除されるように、ビヘイビアを実装する方法を教えてください。
//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);
L.rectangleでも使用できます。 –