webgl中的可点击的地图

Question

我能够使用three.js通过将世界地图图像纹理添加到球体来渲染3d地球。我打算让这个地球变得可点击。即，每当用户点击任何国家时，都应突出显示该国家的边界​​。使用包含国界的世界地图jpeg可以实现这一功能吗？是否有可能检查用户是否在某个国家的某个边界内点击？另一种选择可能是加载世界各国的geojson并将svg转换为canvas。然而，我仍然不确定如何让国家点击。

Answer 1

您可以使用每个国家的颜色ID，然后检查您单击的像素的颜色。 This tutorial解释如何做到这一点。