webgl中的可点击地图

Question

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

Answer 1

您可以使用每个国家/地区的颜色ID，然后检查您点击的像素的颜色。 This tutorial解释了如何执行此操作。