要求:使用Leaflet js地图api,当客户单击标记时,应在标记的正下方绘制一个矩形,并根据标记居中。然后,单击另一个标记应该会删除之前的矩形,并在新单击的标记下绘制另一个矩形。
问题:我正在使用下面的代码来绘制一个多边形,我可以看到一个矩形。它会在标记上画出矩形。然后,通过单击另一个标记,将绘制一个新的矩形。但是旧的矩形仍然存在。
问:我应该如何实现这种行为,以便在单击新标记时,旧的矩形将从地图中删除?
//polygon
var latBlockSize = 0.002;
var lngBlockSize = 0.002;
var route = [
new L.Lat
我想要实现的是在p5.js中从下到上的多个矩形
这是我的密码。
var j = 0;
var allRectangles = [];
//initaial value of the rectanlge!
var rects = {
x:window.innerWidth/2,
y:innerHeight-200
};
allRectangles.push(rects);
function setup(){
createCanvas(window.innerWidth,window.innerHeight);
generateRectangles();
}
我使用svg.js 2.x来支持这一点:允许用户在图像上绘制一个矩形,然后他可以拖动/调整大小/移动/移除/标记它。 JS类似于: const pen = new SVG('canvas').size(500, 500);
const rect = pen.rect(100, 100).fill('orange');
// Make it draggable
rect.draggable();
// Make it resizable, but then not draggable
// If comment out this line, it'