如何在WebGL中通过输入搜索来找到点?
我将使用搜索输入创建 3D 地球。有人可以指导如何使用 WebGL 编写通过输入搜索找到点(精确位置点)的代码吗?
I'm going to create 3D Earth with search input. Could someone guide how to write code that finds point (exact place point) by input search, using WebGL?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
我认为你的问题非常模糊,但我可以想象你想要做的是旋转 3D 地球,以便你查询的点出现在视图的中心(或者它是相同的,在视图的视图轴上)相机)。
为此,您需要:
为每个地标分配一组
为每个地标
假设您正在定位
球体表面上的点
你可以忘记半径
仅分配海拔和
每个点的方位角。
然后你编写代码
用户输入兴趣点。
说“罗马”。
你在a中寻找这一点
javascript 数组并恢复
仰角和方位角值
旋转到模型视图矩阵。假设您使用 glMatrix 您
应该有这样的东西:
兴趣点应该是
现在显示
I think your question is really vague but I can imagine that what you want to do is to rotate your 3D Earth so the point you queried for appears in the center of the view (or what it is the same, on the view axis of the camera).
To do it you need to:
assign every landmark a set of
spherical coordinates
given that you are locating
points on the surface of the sphere
you can forget about the radius and
only assign elevation and
azimuth to each point.
then you write the code for the
user to input the point of interest.
Say "Rome".
you look for this point in a
javascript array and recover the
elevation and the azimuth values
you apply the correspondent
rotations to your Model-View Matrix. Assuming you are using glMatrix you
should have something like this:
the point of interest should be
displayed now