webgl中的可點擊的地圖

Question

我能夠使用three.js通過將世界地圖圖像紋理添加到球體來渲染3d地球。我打算讓這個地球變得可點擊。即，每當用戶點擊任何國家時，都應突出顯示該國家的邊界​​。使用包含國界的世界地圖jpeg可以實現這一功能嗎？是否有可能檢查用戶是否在某個國家的某個邊界內點擊？另一種選擇可能是加載世界各國的geojson並將svg轉換爲canvas。然而，我仍然不確定如何讓國家點擊。

Answer 1

您可以使用每個國家的顏色ID，然後檢查您單擊的像素的顏色。 This tutorial解釋如何做到這一點。