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

时间:2012-08-29 18:31:33

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

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

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

我用Google搜索了这一点,我能找到的唯一内容就是5天的预测。有什么建议吗?

4 个答案:

答案 0 :(得分:2)

查看他们的页面来源,它的设置如下:

<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>来源设置为外部视频片段。

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

答案 1 :(得分:2)

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

如果您启动类似Fiddler的内容,您可以看到用于制作“循环”的各个图像的请求。在过去,我创建了一些东西,将这些框架裁剪到特定区域,然后放入动画GIF中。这对于ImageMagick或GD来说是微不足道的,它们通常以PHP形式提供。如果您对DIV溢出很狡猾,也可以使用JavaScript执行此操作。

至于许可,我相信你可以在没有许可证的情况下使用它,但你应该向一位知道肯定的律师查询。我不是一个。

答案 2 :(得分:2)

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

答案 3 :(得分:0)

好吧,我不确定是否要“偷”它。 <div><img src="http:///images.intellicast.com/WxImages/RadarLoop/day_None_anim.gif" height="496" width="768"></div>可以使用,但是正在从WUNDERGROUND INTELLICAST那里窃取。