注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

阿弥陀佛

街树飘影未见尘 潭月潜水了无声 般若观照心空静...

 
 
 

日志

 
 
关于我

一直从事气象预报、服务建模实践应用。 注重气象物理场、实况场、地理信息、本体知识库、分布式气象内容管理系统建立。 对Barnes客观分析, 小波,计算神经网络、信任传播、贝叶斯推理、专家系统、网络本体语言有一定体会。 一直使用Java、Delphi、Prolog、SQL编程。

网易考拉推荐

OpenLayer与卫星云图和雷达图叠加测试  

2013-04-04 13:51:52|  分类: OpenLayer |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

<html>
<head>
  <title>IEM TMS + OpenLayers Example</title>
  <script src="http://openlayers.org/api/2.12/OpenLayers.js"></script>
  <script src="http://maps.google.com/maps/api/js?v=3.2&sensor=false"></script>
   
<script type="text/javascript">
var map;
/*
 * You need to wrap your DOM manipulators into a function that is called after
 * the DOM is rendered!  Notice the onload="" attribute to the body tag below
 */
function init(){
    var maxExtent = new OpenLayers.Bounds(-20037508, -20037508, 20037508, 20037508),
        restrictedExtent = maxExtent.clone(),
        maxResolution = 156543.0339;
   
    var options = {
        projection: new OpenLayers.Projection("EPSG:900913"),
        displayProjection: new OpenLayers.Projection("EPSG:4326"),
        units: "m",
        numZoomLevels: 18,
        maxResolution: maxResolution,
        maxExtent: maxExtent,
        restrictedExtent: restrictedExtent
    };
    map = new OpenLayers.Map('map', options);

    // create Google Mercator layers
    var gmap = new OpenLayers.Layer.Google(
        "Google Streets",
        {sphericalMercator: true}
    );


    function get_my_url (bounds) {
            var res = this.map.getResolution();
            var x = Math.round ((bounds.left - this.maxExtent.left) / (res * this.tileSize.w));
            var y = Math.round ((this.maxExtent.top - bounds.top) / (res * this.tileSize.h));
            var z = this.map.getZoom();

            var path = z + "/" + x + "/" + y + "." + this.type +"?"+ parseInt(Math.random()*9999);
            var url = this.url;
            if (url instanceof Array) {
                url = this.selectUrl(path, url);
            }
            return url + this.service +"/"+ this.layername +"/"+ path;

    }
    var n0q = new OpenLayers.Layer.TMS(
                'NEXRAD Base Reflectivity',
                'http://mesonet.agron.iastate.edu/cache/tile.py/',
                // Find more layer names here: http://mesonet.agron.iastate.edu/ogc/
                {layername      : 'nexrad-n0q-900913',
                service         : '1.0.0',
                type            : 'png',
                visibility      : true,
                getURL          : get_my_url,
                isBaseLayer     : false}
    );
    var irsat = new OpenLayers.Layer.TMS(
            'GOES East IR Satellite',
            'http://mesonet.agron.iastate.edu/cache/tile.py/',
            {layername      : 'goes-east-ir-4km-900913',
            service         : '1.0.0',
            type            : 'png',
            visibility      : false,
            getURL          : get_my_url,
            isBaseLayer     : false}
    );
    var vissat = new OpenLayers.Layer.TMS(
            'GOES East Vis Satellite',
            'http://mesonet.agron.iastate.edu/cache/tile.py/',
            {layername      : 'goes-east-vis-1km-900913',
            service         : '1.0.0',
            type            : 'png',
            visibility      : false,
            getURL          : get_my_url,
            isBaseLayer     : false}
    );
    var aksat = new OpenLayers.Layer.TMS(
            'Alaska Vis Satellite',
            'http://mesonet.agron.iastate.edu/cache/tile.py/',
            {layername      : 'alaska-vis-900913',
            service         : '1.0.0',
            type            : 'png',
            visibility      : false,
            getURL          : get_my_url,
            isBaseLayer     : false}
    );
    var hawaiisat = new OpenLayers.Layer.TMS(
            'Hawaii Vis Satellite',
            'http://mesonet.agron.iastate.edu/cache/tile.py/',
            {layername      : 'hawaii-vis-900913',
            service         : '1.0.0',
            type            : 'png',
            visibility      : false,
            getURL          : get_my_url,
            isBaseLayer     : false}
    );
   
    var states = new OpenLayers.Layer.TMS(
            'US State Borders',
            'http://mesonet.agron.iastate.edu/c/tile.py/',
            {layername      : 's-900913',
            service         : '1.0.0',
            type            : 'png',
            visibility      : false,
            getURL          : get_my_url,
            isBaseLayer     : false}
    );
   
    var wwa = new OpenLayers.Layer.WMS(
            "WWA",
            "http://mesonet.agron.iastate.edu/cgi-bin/wms/us/wwa.cgi?",
            {layers: "warnings_c", transparent: "TRUE", format: 'image/png'},
            {isBaseLayer: false, buffer:0, singleTile: false,
             opacity: 0.5, visibility: false}
    );
   
    map.addLayers([gmap, irsat, vissat, hawaiisat, aksat, states, n0q, wwa]);
    var ls = new OpenLayers.Control.LayerSwitcher();
    map.addControl(ls);
    ls.maximizeControl();
    map.addControl(new OpenLayers.Control.MousePosition());
    if (!map.getCenter()){ map.zoomToMaxExtent(); }
}
</script>
</head>
<body onload="init()">
   
<div style="width:100%; height:100%" id="map"></div>
   
</body>
</html>
OpenLayer与卫星云图和雷达图叠加测试 - 险峰 - 阿弥陀佛
 
openlayers_example
  评论这张
 
阅读(1226)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017