我正在专门寻找一张天气雷达图,类似于在 Wordpress 网站上显示的这张地图:http://www.vantilburgfarms.com/weather_local_radar.htm
上面的雷达是动画的,放大了美国印第安纳州、俄亥俄州部分地区,这正是我所需要的。 我不想从网站上盗用这张地图。
我用谷歌搜索过这个,我唯一能找到的是 5 天的天气预报。有什么建议吗?
查看他们的页面源代码,设置如下:
<a href="http://www.tephigram.weather.net/cgi-bin/razradar.cgi?zipcode=45822&width=720&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>
的源设置为外部视频剪辑。
讽刺的是,看起来他们正在偷它。
查看国家气象局雷达: http://radar.weather.gov/radar.php?rid=LOT&product=N0R&overlay=11101111&loop=yes
如果您启动 Fiddler 之类的工具,您可以看到对用于制作“循环”的各个图像的请求。过去,我创建过一些东西,将这些帧裁剪到特定区域,然后放入动画 GIF 中。这对于 ImageMagick 或 GD 来说是微不足道的,它们通常在 PHP 中可用。如果您善于利用 DIV 溢出,您也可以使用 JavaScript 来完成此操作。
至于许可,我相信你可以在没有许可的情况下使用它,但你应该咨询一位有确切了解的律师。我不是其中之一。
NWS 创建的动画使用名为 FLANis 的 Flash 程序,您可以在这里找到更多信息:http://www.ssec.wisc.edu/flanis/ 它非常易于使用和配置。
嗯,我不完全确定如何在不“窃取”它的情况下做到这一点。
<div><img src="http:///images.intellicast.com/WxImages/RadarLoop/day_None_anim.gif" height="496" width="768"></div>
可以用,但是是从 WUNDERGROUND INTELLICAST 偷来的。
此页面上的其他答案已经严重过时,无论如何都不要使用它们,因为我们现在在 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>
最大的区别在于它是安全的。希望这对最终来到这里的人有所帮助(写这篇文章是因为我讨厌死胡同和过时的信息)
这里是 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)。