Javascript 使用P5创建交互式地图

我正试着拿一张美国各州的地图，并在地图上标出点。当你将鼠标悬停在该点上时，它会告诉你该州的名称以及你将发现的内容的简要概要。单击鼠标，它将打开指定的HTML页面。我想在这个项目中使用P5。任何帮助都将不胜感激

考虑到您想要使用p5，可以推断您已经掌握了它的基本知识。因此：

function setup() {
  createCanvas(windowWidth, windowHeight); //You choose the width and height.
}
function draw() {
  if (mouseX < 100 && mouseY < 100) { // IF statement would need changing
    rect(x, y, w, h); // undefined variables to be replaced with numbers.
  }
}

函数设置（）{
createCanvas（windowWidth，windowHeight）；//选择宽度和高度。
}
函数绘图（）{
if（mouseX<100&&mouseY<100）{//if语句需要更改
rect（x，y，w，h）；//要用数字替换的未定义变量。
}
}

draw

运行非常频繁，

mouseX

和

mouseY

内置变量构成鼠标的坐标。
利用这个优势

在本例中，如果鼠标位于从0,0延伸到100100的正方形中，

rect

。地图将更加困难，因为if语句可能过于拥挤

顺便说一句，您不需要使用rect，主要的一点是，如果用户将鼠标悬停在特定区域上，

if

将运行。

请参见：帮助您发布一个问题，提供我们帮助您所需的信息。