如何在网站上显示天气雷达图？答案

【问题标题】：How to display weather radar map on website?如何在网站上显示天气雷达图？
【发布时间】：2012-08-24 10:34:05
【问题描述】：

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

上面的雷达动画并放大了美国俄亥俄州的印第安纳州，这正是我所需要的。 我不想从网站上窃取这张地图。

我在 Google 上搜索过，唯一能找到的是 5 天的预测。有什么建议吗？

【问题讨论】：

您是否尝试查看示例页面的来源？这会告诉你很多关于你需要做什么的信息。
Marc - 该网站不允许您查看页面源代码。每当您右键单击该页面时，都会显示一个消息框，“Function disabled by VTF, INC!”
@candyA - 然后在 Chrome 中使用 Ctrl+Shift-I（或您选择的浏览器的任何类似热键）打开浏览器的开发人员工具以查看呈现的源代码。
在 firefox 中按 ctrl-U，或者视图菜单都会做到这一点...右键单击只是实现它的一种方法。右键单击禁用器非常容易绕过。
感谢您的提示。我通常使用 Chrome。

标签： javascript html wordpress plugins content-management-system

【解决方案1】：

查看他们的页面源，设置如下：

<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：您可以随时向他们发送电子邮件，并请求许可。 Here 是他们的联系页面。

【解决方案2】：

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

如果您启动 Fiddler 之类的工具，您可以看到用于制作“循环”的单个图像的请求。过去，我创建了一些将这些帧裁剪到特定区域，然后放入动画 GIF 的东西。这对于通常在 PHP 中可用的 ImageMagick 或 GD 来说是微不足道的。如果你对 DIV 溢出很狡猾，你也可以使用 JavaScript 来做到这一点。

至于许可，我相信您可以在没有许可的情况下使用它，但您应该咨询确切知道的律师。我不是。

【讨论】：

你的 HTML 是什么样的？你可以说得更详细点吗？我能以某种方式使用这张地图吗？ - image.weather.com/web/flash/…
@candyA，您发布的那张地图来自 Weather.com，我敢肯定它的使用受到很大限制。好消息是，使用 NWS 雷达，您可以将其覆盖在您想要的任何地图上，前提是它是正确的投影。我的 HTML... 只是一些图像标签。不，我不能更具体，我已经 5 年没有上过那个页面了。我已经告诉你你需要做什么了。试一试，有问题再回复。
你说的“在任何地图上叠加它”是什么意思？
@candyA，您可以将雷达图像放在您想要的任何地方。如果您不喜欢 NWS 在雷达图像下方使用的地图，您可以使用自己的地图。请务必使用正确的投影。 srh.noaa.gov/jetstream/doppler/radarfaq.htm#projection

【解决方案3】：

NWS 创建的动画使用名为 FLAnis 的 flash 程序，您可以在此处找到更多信息：http://www.ssec.wisc.edu/flanis/ 它非常易于使用和配置。

【讨论】：

【解决方案4】：

好吧，我不完全确定如何不“窃取”它。 <div><img src="http:///images.intellicast.com/WxImages/RadarLoop/day_None_anim.gif" height="496" width="768"></div> 可以工作，但正在从 WUNDERGROUND INTELLICAST 窃取。

【讨论】：

我对许可法几乎一无所知，所以不要问我..
但是，我确信使用该雷达可能会给您带来麻烦。