如何在网站上显示天气雷达图?

问题描述 投票:0回答:6

我正在专门寻找一张天气雷达图,类似于在 Wordpress 网站上显示的这张地图:http://www.vantilburgfarms.com/weather_local_radar.htm

上面的雷达是动画的,放大了美国印第安纳州、俄亥俄州部分地区,这正是我所需要的。 我不想从网站上盗用这张地图。

我用谷歌搜索过这个,我唯一能找到的是 5 天的天气预报。有什么建议吗?

javascript html wordpress plugins content-management-system
6个回答
3
投票

查看他们的页面源代码,设置如下:

<a href="http://www.tephigram.weather.net/cgi-bin/razradar.cgi?zipcode=45822&amp;width=720&amp;height=486" target="main">
    <img border="0" dynsrc="http://www.tephigram.weather.net/cgi-bin/razradar.cgi?zipcode=45822&width=720&height=486" start="fileopen" src="http://www.tephigram.weather.net/cgi-bin/razradar.cgi?zipcode=45822&width=720&height=486">
</a>

本网站的来源:

http://www.tephigram.weather.net/cgi-bin/razradar.cgi?zipcode=45822&width=720&height=486

通过

dynsrc

http://www.htmlcodetutorial.com/images/_IMG_DYNSRC.html http://www.citycat.ru/doc/HTML/IExplorer.30/mmedia.htm

基本上,他们将常规旧

<img>
的源设置为外部视频剪辑。

讽刺的是,看起来他们正在偷它。


2
投票

查看国家气象局雷达: http://radar.weather.gov/radar.php?rid=LOT&product=N0R&overlay=11101111&loop=yes

如果您启动 Fiddler 之类的工具,您可以看到对用于制作“循环”的各个图像的请求。过去,我创建过一些东西,将这些帧裁剪到特定区域,然后放入动画 GIF 中。这对于 ImageMagick 或 GD 来说是微不足道的,它们通常在 PHP 中可用。如果您善于利用 DIV 溢出,您也可以使用 JavaScript 来完成此操作。

至于许可,我相信你可以在没有许可的情况下使用它,但你应该咨询一位有确切了解的律师。我不是其中之一。


2
投票

NWS 创建的动画使用名为 FLANis 的 Flash 程序,您可以在这里找到更多信息:http://www.ssec.wisc.edu/flanis/ 它非常易于使用和配置。


0
投票

嗯,我不完全确定如何在不“窃取”它的情况下做到这一点。

<div><img src="http:///images.intellicast.com/WxImages/RadarLoop/day_None_anim.gif" height="496" width="768"></div>
可以用,但是是从 WUNDERGROUND INTELLICAST 偷来的。


0
投票

此页面上的其他答案已经严重过时,无论如何都不要使用它们,因为我们现在在 2023 年使用 https 而不是 http。如果您包含任何指向 http 的框架/对象,您的网站将被视为“不安全”: // 许多现代浏览器都支持。

HTTP(旧)方式:

如果您仍然需要http,并且不关心不安全的事情,您可以使用这个网站,它是免费/合法使用的,它甚至有一个向导可以为您进行自定义嵌入。以下是宾夕法尼亚州拉特罗布的嵌入示例:

<iframe src="http://www.zoomforecast.com/zoomradar_weather_map/weather_image_user.php?key=QqKbiO1WI2CAo9g" width="600" height="500" style="border:0" frameBorder="0" seamless="seamless" scrolling="no" allowfullscreen="true"></iframe>

这是一个自动生成的片段,您需要在他们的网站上重新生成您自己的片段。它是免费的,他们只是要求提供您网站的参考名称,因此如果/当网站出现故障时,他们可以放弃该代币。

有许多天气“小部件”,但雷达已成为媒体网站非常垂涎的,因此提供商已开始对其合法使用收取费用。使用 JavaScript 以编程方式抓取图像通常是不合法的,因此您最好在这样做之前获得许可!

HTTPS(安全/最新方式):

HTTPS 方式是您最好的选择,它们是安全的。 这个网站像上一个一样嵌入了更新的图像:

<iframe width="650" height="450" src="https://embed.windy.com/embed2.html?lat=40.292&lon=-79.405&detailLat=40.292&detailLon=-79.405&width=650&height=450&zoom=5&level=surface&overlay=wind&product=ecmwf&menu=&message=&marker=&calendar=now&pressure=&type=map&location=coordinates&detail=&metricWind=default&metricTemp=default&radarRange=-1" frameborder="0"></iframe>

最大的区别在于它是安全的。希望这对最终来到这里的人有所帮助(写这篇文章是因为我讨厌死胡同和过时的信息)


0
投票

这里是 FLAnis 的 HTML5 版本 https://www.ssec.wisc.edu/hanis/index.html 通过jmcboots提供的链接,我发现它已经更新了。

“...HTML5 AnimationS webapp(简称 HAniS)。这是 FLAniS Flash 小程序的重新铸造(当然,它是原始 Java 小程序 AniS 的重新铸造...它本身就是一个衍生产品VISITview 远程培训包的一部分),以 HTML5 完成。

HANiS 是做什么的?与前辈一样,它是一种可以在网页上使用的工具,可以为一系列单独的图像添加动画效果。它还允许您使用覆盖并提供许多用于创建“热点”、探测数据等的选项。该版本完全用 JavaScript 编码并使用 HTML5 标准,因此可在具有现代浏览器的多个平台上使用。

HAniS 模型与其前身相同:程序启动后,它会读取在整个运行/会话过程中持续存在的配置信息(如控件和布局)。如果您的内容(例如图像文件名)随着时间而变化,并且您希望用户能够“刷新”内容,那么您可以将动态信息放入 file_of_filenames 中,当“刷新”时,该文件会重新读取。完成,通常包含更新的图像文件名(可能还有其他动态内容)。有几种不同的方法可以指定配置信息,但 file_of_filenames 是一个文本文件,必须与图像文件一起驻留在服务器上。”

https://mapservices.weather.noaa.gov/eventdriven/rest/services

获取雷达图像

或通过 ftp 从您的雷达软件(即 Gibson Ridge)。

© www.soinside.com 2019 - 2024. All rights reserved.