如何在WebGL中通過輸入搜索找到點？

Question

我將使用搜索輸入創建3D地球。 有人可以指導如何使用WebGL編寫通過輸入搜索找到點（確切的位置點）的代碼嗎？

Answer 1

我認為您的問題確實很模糊，但是我可以想象，您想要做的是旋轉3D地球，以便您要查詢的點出現在視圖的中心（或相同的點在視圖的視圖軸上）相機）。

為此，您需要：

1. 為每個地標分配一組球坐標

2. 假設您要在球面上定位點，則可以忽略半徑，而只需為每個點指定高程和方位角 。

3. 然后為用戶編寫代碼以輸入興趣點。 說“羅馬”。

4. 您在javascript數組中尋找該點並恢復高程和方位角值

5. 您將相應的旋轉應用於“模型視圖矩陣”。 假設您正在使用glMatrix ，則應具有以下內容：

    var M = mat4.create(); var Y_axis = [0,1,0]; var X_axis = [1,0,0]; mat4.rotate(M,azimuth,Y_axis); mat4.rotate(M,elevation,X_axis); 

6. 現在應該顯示興趣點