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

5
我正在寻找一个类似于这个http://www.vantilburgfarms.com/weather_local_radar.htm的天气雷达地图用于在Wordpress网站上显示。上面的雷达是动画的,缩放到美国印第安纳州和俄亥俄州的部分,这正是我所需要的。我不想从该网站偷取此地图。我已经在谷歌上搜索了,但唯一能找到的是5天预报。有什么建议吗?

2
你尝试查看示例页面的源代码了吗?这将会为你提供很多关于你需要做的事情的信息。 - Marc B
Marc - 该网站不允许您查看页面源代码。每当您右键单击页面时,会显示一个消息框,上面写着“功能被VTF,INC禁用!” - candyA
@candyA - 然后在Chrome中使用Ctrl+Shift-I(或您选择的浏览器的类似热键)打开浏览器的开发者工具,查看渲染后的源代码。 - Roddy of the Frozen Peas
在Firefox中,可以使用ctrl-U或查看菜单来执行此操作...右键单击只是获取它的一种方式。禁用右键单击非常容易绕过。 - Marc B
谢谢你的建议。我通常使用Chrome浏览器。 - candyA
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> 的源设置为外部视频剪辑。

具有讽刺意味的是,看起来他们在偷窃它。


有没有任何气象网站可以合法地让你这样做? - candyA
@candyA:你可以随时给他们发送电子邮件,请求许可。这里是他们的联系页面。 - Josh

2

2

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

如果你使用 Fiddler 等工具,可以看到用于制作“循环”的各个图像的请求。过去,我曾经创建过一些东西,其中这些帧被裁剪到特定区域,然后放入动画 GIF 中。这在 PHP 中通常使用 ImageMagick 或 GD 很容易实现。如果你善于使用 DIV 溢出,也可以使用 JavaScript 实现此操作。

至于许可证,我认为你可以在不需要许可证的情况下使用它,但你应该与了解情况的律师核实。我不是律师。


@candyA,你发布的那张地图是从Weather.com获取的,我相信它的使用非常受限制。不过好消息是,只要选取正确的投影方式,你可以将NWS雷达覆盖在任何想要的地图上。我的HTML代码中只有一些图像标签。不,我不能再具体说明了,因为我已经五年没查看那个网页了。我已经告诉了你需要做什么。试着去操作吧,如果你有问题再回来问我。 - Brad
当你说“将其叠加在任何地图上”时,你的意思是什么? - candyA
@candyA,您可以将雷达图像放在任何您想要的东西上面。如果您不喜欢NWS在雷达图像下使用的地图,则可以使用自己的地图。只需确保使用正确的投影方式。http://www.srh.noaa.gov/jetstream/doppler/radarfaq.htm#projection - Brad

0

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

HTTP(旧)方式:

如果您仍然需要http,并且不关心不安全的事情,您可以使用this site,它是免费/合法使用的,甚至还有一个向导为您制作自定义嵌入。这里是Latrobe,PA的示例嵌入:

<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动画网页应用程序(简称HAniS)。这是FLAniS Flash小程序的重新制作(当然,FLAniS Flash小程序本身是原始Java小程序AniS的重新制作……而AniS本身是VISITview远程培训包的衍生物),采用HTML5技术制作。
HAniS有什么功能?与前身一样,它是一个可以在网页上使用的工具,可以对一系列单独的图像进行动画处理。它还可以使用覆盖层,并提供许多选项来创建“热点”,探测数据等等。这个版本完全使用JavaScript编码,并使用HTML5标准,因此可以在多个平台上使用现代浏览器。
HAniS模型与其前身相同:一旦程序启动,它会读取持续整个运行/会话期间的配置信息(如控件和布局)。如果您的内容(例如图像文件名)随时间变化,并且您希望用户能够“刷新”内容,则将动态信息放入一个文件_of_filenames中,当进行“刷新”时重新读取该文件,并且通常包含更新的图像文件名(以及其他动态内容)。有几种不同的指定配置信息的方法,但是文件_of_filenames是一个文本文件,必须与您的图像文件一起存储在服务器上。
免费卫星图像数据源 https://gisgeography.com/free-satellite-imagery-data-list/ 或者从您的雷达软件(例如Gibson Ridge)通过ftp获取。

0

嗯,我不完全确定该怎么做才能不“窃取”它。 <div><img src="http:///images.intellicast.com/WxImages/RadarLoop/day_None_anim.gif" height="496" width="768"></div> 可以工作,但这是从WUNDERGROUND INTELLICAST窃取的。


我几乎不了解任何有关许可法的内容,所以别问我。 - coen_wx
然而,我相信使用那个雷达可能会因许可问题而惹上麻烦。 - coen_wx

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接