javascript - webgl中的可点击地图

Question

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

Answer 1

您可以使用每个国家/地区的颜色 ID，然后检查您单击的像素的颜色。本教程解释了如何做到这一点。