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

Question

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

Answer 1

我認爲你的問題確實含糊不清，但我可以想象你想要做的是旋轉你的3D地球，這樣你查詢的點出現在視圖的中心（或者它是相同的，在查看相機的軸）。

要做到這一點，你需要：

1. 分配每一個里程碑因爲你是球體 的表面，你可以對忘不了定位 點了一組 spherical coordinates

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. 的關注點應該是 現在顯示