在GeoTIFF上利用p5.js /处理进行数据可视化？如何绘制Web mercator中的Lon/Lat坐标？

Question

我在收集考古遗址的数据库上工作。我们项目的目标是使数据在网络上可访问。我想在GeoTIFF上绘制它们以显示它们的分布和随时间变化。我进一步想要计算Delaunay三角剖分和一个热图，你可以将它显示为叠加图。它对我来说非常重要，可以将动画随着时间的变化可视化。我选择p5.js /处理，因为我不是一个非常熟练的程序员（一些R，NetLogo和Processsing）。我认为它将适合特别是关于动画的任务。在进入更多细节之前，我的第一个问题是：

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

如果你觉得我的选择是至关重要的，这里是我的第二个问题：

我遇到丹尼尔Shiffmans教程就在p5.js可视化地震数据和这个接近我会做什么： https://www.youtube.com/watch?v=ZiYdOwOrGyc

代码在这里： https://github.com/CodingTrain/Rainbow-Code/blob/master/CodingChallenges/CC_57_Earthquake_Viz/sketch.js

在上面的例子中，他依赖于mapbox.js。我宁愿从我们的项目中使用自定义构建GeoTiff，并避免使用mapbox，因为它不是100％免费的。但是，如何让他的代码与自定义GeoTiff一起作为底图使用？我可以将他的变量“clon”和“clat”设置为我自定义的Tiff中心点，但坐标没有正确转换。我认为问题在于缩放级别，即缩放。但是，如何确定我的自定义地图的缩放？我没有在p5.js中找到任何其他web mercator投影的实现，也没有处理。还是我得到超出投影错误的数学？

Answer 1

我对p5.js不太熟练，但是我对使用d3.js处理各种dataviz任务（包括处理地理数据）有很好的经验。所以我的建议是使用两个世界中最好的 - 使用p5.js进行渲染，使用d3.js进行数据处理。就你而言，你似乎需要一个简单的重投影（LonLat to Mercator）。

重申：

1. 使用d3.js项目无论从任何投影是（LonLat）到投影是p5.js使用（墨卡托）
2. 呈现p5.js
预计的数据数据

快速登陆谷歌搜索我this guide on d3 + p5 integration

在D3的一面，有一个API documentation

这里是d3.js中的good example of GeoTIFF reading/rendering。好的，这里是one more。