Javascript 利用p5.js/processing在GeoTIFF上实现数据可视化？如何在web mercator中绘制Lon/Lat坐标？

我在一个收集考古遗址的数据库里工作。我们项目的一个目标是使数据可以在web上访问。我想在GeoTIFF上绘制它们，以显示它们随时间的分布和变化。我还想计算Delaunay三角剖分和热图，你们可以把它显示为叠加图。对我来说，将随时间的变化形象化为动画是很重要的。我之所以选择p5.js/processing，是因为我不是一个非常熟练的程序员，有些是R、NetLogo和processing。我认为它将适合这项任务，特别是关于动画。在我详细讨论之前，我的第一个问题是：

这是明智的工具选择吗？你会推荐其他工具吗

如果你认为我的选择至关重要，那么我的第二个问题是：

我在p5.js中遇到了Daniel Shiffmans关于可视化地震数据的教程，这与我将要做的非常接近：

代码如下：

---

在上面的示例中，他依赖于mapbox.js。我更喜欢从我们的项目中使用定制的GeoTiff，避免使用mapbox，因为它不是100%免费的。但是我如何让他的代码与自定义GeoTiff一起作为底图工作呢？我可以将他的变量clon和clat设置为我的自定义Tiff中心点，但坐标没有正确转换。我认为问题在于缩放级别，也就是缩放。但是如何确定自定义地图的缩放？我没有在p5.js或processing中找到任何其他web mercator投影的实现。还是我的投影以外的数学计算有误？

我对p5.js不是很精通，但我对使用d3.js执行各种dataviz任务有很好的经验，包括处理地理数据。因此，我的建议是使用这两个世界中最好的一个——使用p5.js进行渲染，使用d3.js进行数据操作。在您的情况下，似乎需要将LonLat简单地重新投影到Mercator

重申：

使用d3.js将来自LonLat的任何投影的数据投影到p5.js使用Mercator的投影中 在p5.js中呈现投影数据 快速的谷歌搜索使我陷入困境

在d3端，有一个

---

这是d3.js中的一个示例。好的，给你。

谢谢你的建议，我会坚持到底的！