longgangbai

浏览: 7349738 次
性别:
来自: 上海

最近访客更多访客>>

liuqibo861129

sdcharles

paladin1988

ljq867

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

GIS的学习（二十七）通过geoserver的georss访问第三方地图

博客分类：

GeoServer GeoRSS Google Maps Yahoo Maps Microsoft Virtual Earth

在geoserver中如果想调用第三方地图可以采用georss实现第三方地图的调用。

具体实现参考官方文档如下：

GeoRSS¶

GeoServer supports GeoRSS as an output format allowing you to serve features as an RSS feed.

Quick Start¶

If you are using a web browser which can render rss feeds simply visit the url http://localhost:8080/geoserver/wms/reflect?layers=states&format=rss in your browser. This is assuming a local GeoServer instance is running with an out of the box configuration. You should see a result that looks more or less like this:

topp:states rss feed

Ajax Map Mashups¶

Note

For Ajax map mashups to work, the GeoServer instance must be visible to the Internet (i.e. using the address localhost will not work).

Google Maps¶

How to create a Google Maps mashup with a GeoRSS overlay produced by GeoServer.

Obtain a Google Maps API Key from Google.

Create an html file called gmaps.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org    R/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps JavaScript API Example<    itle>
    <script src="http://maps.google.com/maps?file=api&amp;v=2.x&amp;key=<INSERT MAPS API KEY HERE>" type="text/javascript"></script>

    <script type="text/javascript">
    //<![CDATA[
        function load() {
            if (GBrowserIsCompatible()) {
                var map = new GMap2(document.getElementById("map"));
                map.addControl(new GLargeMapControl());
                map.setCenter(new GLatLng(40,-98), 4);
                var geoXml = new GGeoXml("<INSERT GEOSERVER URL HERE>/geoserver/wms/reflect?layers=states&format=rss");
                map.addOverlay(geoXml);
            }
        }
    //]]>
    </script>

    </head>
    <body onload="load()" onunload="GUnload()">
        <div id="map" style="width: 800px; height: 600px"></div>
    </body>
</html>

Visit gmaps.html in your web browser.

Note

The version of the google maps api must be 2.x, and not just 2 You must insert your specific maps api key, and geoserver base url

Yahoo Maps¶

How to create a Yahoo! Maps mashup with a GeoRSS overlay produced by GeoServer.

Obtain a <Yahoo Maps Application ID <http://search.yahooapis.com/webservices/register_application>`_ from Yahoo.

Create an html file called ymaps.html:

<html>
    <head>
    <title>Yahoo! Maps GeoRSS Overlay Example<    itle>
    <script src="http://api.maps.yahoo.com/ajaxymap?v=3.0&appid=<INSERT APPLICATION ID HERE>" type="text/javascript"></script>
    <script type="text/javascript" language="JavaScript">

        function StartYMap() {
            var map = new YMap(document.getElementById('ymap'));
            map.addPanControl();
            map.addZoomShort();

            function doStart(eventObj) {
                var defaultEventObject = eventObj;
                //eventObj.ThisMap [map object]
                //eventObj.URL [argument]
                //eventObj.Data [processed input]
            }

            function doEnd(eventObj) {
                var defaultEventObject = eventObj;
                //eventObj.ThisMap [map object]
                //eventObj.URL [argument]
                //eventObj.Data [processed input]
                map.smoothMoveByXY(new YCoordPoint(10,50));
            }

            YEvent.Capture(map,EventsList.onStartGeoRSS, function(eventObj) { doStart(eventObj); });
            YEvent.Capture(map,EventsList.onEndGeoRSS, function(eventObj) { doEnd(eventObj); });

            map.addOverlay(new YGeoRSS('http://<INSERT GEOSERVER URL HERE>/geoserver/wms/reflect?layers=states&format=rss'));
        }

    window.onload = StartYMap;
     </script>
      </head>
      <body>
           <div id="ymap" style="width: 800px; height: 600px; left:2px; top:2px"></div>
     </body>
</html>

Visit ymaps.html in your web browser.

Note

The version of the yahoo maps api must be 3.0 You must insert your specific application id, and geoserver base url

Microsoft Virtual Earth¶

Note

Non Internet Explorer Users*: GeoRSS overlays are only supported in Internet Explorer, versions greater then 5.5.

How to create a Microsoft Virtual Earth mashup with a GeoRSS overlay produced by GeoServer.

Note

To access a GeoRSS feed from Microsoft Virtual Earth the file (ve.html) must be accessed from a Web Server, IE. It will not work if run from local disk.

Create an html file called ve.html. Note: You must insert your specific maps api key, and geoserver base url:

<html>
  <head>
    <script src="http://dev.virtualearth.net/mapcontrol/v4/mapcontrol.js"></script>
    <script>
     var map;

     function OnPageLoad()
     {
        map = new VEMap('map');
        map.LoadMap();

        var veLayerSpec = new VELayerSpecification();
        veLayerSpec.Type = VELayerType.GeoRSS;
        veLayerSpec.ID = 'Hazards';
    veLayerSpec.LayerSource = 'http://<INSERT GEOSERVER URL HERE>/geoserver/wms/reflect?layers=states&format=rss';
    veLayerSpec.Method = 'get';
    map.AddLayer(veLayerSpec);
    }
   </script>
 </head>
 <body onload="OnPageLoad();">
    <div id="map" style="position:relative;width:800px;height:600px;"></div>
  </body>

</html>

Visit ve.html in your web browser. You should see the following:

Virtual Earth

分享到：

GIS的学习（二十八）Osmdroid相关的开源项 ... | android中使用定时更新界面定时器Timer ...

2012-09-23 00:34
浏览 3606
评论(0)
分类:移动开发
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

GIS的学习（二十七）通过geoserver的georss访问第三方地图

GeoRSS¶

Quick Start¶

Ajax Map Mashups¶

Google Maps¶

Yahoo Maps¶

Microsoft Virtual Earth¶

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

GIS的学习（二十七）通过geoserver的georss访问第三方地图

GeoRSS¶

Quick Start¶

Ajax Map Mashups¶

Google Maps¶

Yahoo Maps¶

Microsoft Virtual Earth¶

评论

发表评论

相关推荐

TestNG简单的学习（十三）TestNG中Junit的实现

TestNG简单的学习（十二）TestNG运行

TestNG简单的学习（十一）TestNG学习总结

TestNG简单的学习（十）TestNG @Listeners 的使用

TestNG简单的学习（九）TestNG Method Interceptors 的使用

TestNG简单的学习（八）TestNG Annotation Transformers 的使用

TestNG简单的学习（七）TestNG编程方式运行

TestNG简单的学习（六）测试工厂注释的使用

TestNG简单的学习（五）参数化测试数据的定制

TestNG简单的学习（四）测试方法通过名称名称依赖实现

TestNG简单的学习（三）测试方法通过测试分组依赖实现

TestNG简单的学习（二）参数化测试并发且多方法测试方法判定

TestNG简单的学习（一）类和方法级别@Test的区别

Feed4Junit的简单使用（七）Feed4TestNg

Feed4Junit的简单使用（六）数据来特定格式文件

Feed4Junit的简单使用（五）数据来自动态约束数据

Feed4Junit的简单使用（四）数据来自定义数据源

Feed4Junit的简单使用（三）数据源来自数据库

Feed4Junit的简单使用（二）数据源来自文件

Feed4Junit的简单使用（一）

最近访客更多访客>>