根据用户位置的天气更改布局背景

如何解决根据用户位置的天气更改布局背景

我试图让我网站的顶部根据用户的天气和语言环境更改背景并添加粒子。我不知道如何解决这个问题。

我听说有人使用weatherbug api，那合适吗？我是 JavaScript 的新手。

我使用的四个主要粒子是：

晴空万里的阳光

https://codepen.io/elijahskinner/pen/dyvGyJe

明显的雨

https://codepen.io/elijahskinner/pen/vYxKxoq (I need to change the color of the rain for this one so it shows up better)

这是为了雪

https://vincentgarreau.com/particles.js/#snow

我也有落叶粒子的东西，但我不知道如何将它用于天气而不是季节。

解决方法

我不能说 Weatherbug 是否合适（SO 并不热衷于我们对图书馆和其他服务提出意见/建议），但您可以搜索天气服务并权衡它们提供的内容、价格、准确性等。

>

但是，在您提出的建议中还有一些其他因素，您可能需要在实施之前加以考虑：

1. 用于背景的粒子可能会占用大量处理器时间。我刚刚在我相当现代且具有良好 GPU 的笔记本电脑上尝试了您的射线粒子。使用了近 30% 的 CPU 和 98% 的 GPU。风扇在呼啸。这是电池扁平化的东西，因此您的用户可能不会感谢您。
2. 要获取用户所在位置的天气信息，您需要知道他们所在的位置...要做到这一点，您可能需要获得他们的许可才能获得他们的地理位置，请参阅MDN

很抱歉，这不是您实际问题的完整答案，但评论时间太长了。