文章/答案/技术大牛

发布

问Geoserver和WMS
EN

Stack Overflow用户

提问于 2010-08-04 00:52:56

回答 6查看 5.3K关注 0票数 3

我需要些帮助。我对Geoserver和WMS的概念是新的，我正在寻找非常基本的帮助。我已经下载并安装了Geoserver，设置了层等(包括sld)，然而，我不知道如何从这里获得这些信息到我的网站。正如我已经提到的，我是个新手，不知道我在做什么，我试着在网上搜索一步一步的帮助，但大多数人只是不知道如何或做什么，一旦你有你的shapefile上传并存储到Geoserver上。

任何帮助或指向正确方向的信息都将不胜感激。

谢谢

史蒂夫

geoserver

wms

回答 6

Stack Overflow用户

发布于 2010-08-04 00:58:42

Geoserver既可以使用自己的web服务器(jetty)运行，也可以作为Tomcat的".war存档“运行。也就是说，要将其部署到您的web服务器上，您必须在托管您的网站的实际计算机上安装该软件(通常的方法是在您的web服务器已经运行tomcat时部署一个.war归档文件)。

geoserver的工作是根据WMS协议提供的规范渲染地图分块。要在您的实际网站中包含这些磁贴并将其显示为地图，您将需要一个客户端应用程序，如OpenLayers，它处理整个用户交互。

http://docs.geoserver.org/stable/en/user/installation/war.html

http://geoserver.org/display/GEOSDOC/OpenLayers

票数 5

Stack Overflow用户

发布于 2010-10-30 02:36:56

我同意relet的观点。一个简单的开始，点击Geoserver Web界面中的“预览”按钮(左下)。在那里你可以预览一个带有openlayer的图层。在那里看到您的层后，只需查看页面的HTML + JS代码。您可以从那里开始复制和粘贴...

票数 2

Stack Overflow用户

发布于 2014-11-20 01:35:39

到目前为止，您可能已经确定需要将一些OpenLayers/javascript代码添加到地图所在的HTML页面。下面是一个包含一些基本OpenLayers代码的超文本标记语言页面，用于向页面添加地图。

要查看/use的位是，然后是从到标签的OpenLayers/javascript。您需要替换Geoserver的URL以及工作空间和图层名称。边界和maxResolution设置为英格兰和威尔士，投影设置为英国国家网格，因此您可能需要将它们更改为您感兴趣的区域。

如果您不熟悉javascript，那么一个好的起点是：http://www.w3schools.com/js/default.asp，以及OpenLayers文档。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<meta name="Description" content="Central-Geo">
<title>Map Test Page</title>


<style type="text/css" media="screen">
    html, body, div, header, footer, aside, nav, article, section   { margin: 0; padding: 0; }
    header, footer, aside, nav, article, section    { display: block; }
    body            { color: #333; font: 12px Helvetica, Arial, sans-serif; line-height: 18px; }
    h2              { color: #333; }
    a               { color: #337810; }
    p               { margin: 0 0 18px; }
    #container      { width: 760px; margin: 0 auto;}

    /* Header */
    header          { background: #006666; border-bottom: 2px solid #aaa; }
    header h1   { color: #fff; margin: 0 0 3px; padding: 24px 18px 0; }
    header p        { color: #ccc; font-size: 11px; font-weight: bold; padding: 0 18px; }

    /* Content Style */
    nav     { border-bottom: 1px solid #ccc; margin-right: 18px; }
    nav ul  { padding: 0 18px 9px; }
    #extra          { margin-left: 18px; }
    #extra small    { font-size: 11px; line-height: 18px; }
    #content        { border-bottom: 1px solid #ccc; margin-left: 18px; }
    #content p, #extra p { padding-right: 18px; }

    /* Content Positioning and Size */
    nav     { float: right; width: 175px; }
    #content        { float: left; width: 540px; }
    #extra          { float: left; width: 540px; }      /* Footer */
    footer          { background: #666; border-bottom: 2px solid #aaa; clear: left; width: 100%; }
    footer a        { color: #fff; }
    footer  p       { color: #ccc; margin: 0; padding: 0 18px 10px; }
    footer ul       { border-bottom: 1px solid #999; list-style: none; margin: 0 18px 6px; padding: 10px 0 6px; }
    footer li       { display: inline; font-size: 11px; font-weight: bold; padding-right: 5px; }

    .map            { height: 400px; width: 100%: margin: 0; padding: 0}

</style>
<!--[if IE]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

</head>
<body>
<div id="container">
    <header>
        <h1>Test Map Page heading</h1>
        <p class="description">A test page for a map</p>
    </header>
    <div id="wrapper">
        <section id="content">
            <h2>Map Heading Goes Here</h2>
    <div id="map" class="map">  
    <script src="http://openlayers.org/api/OpenLayers.js"></script>
    <script type="text/javascript">
    var bounds = new OpenLayers.Bounds(
                92599.19919326127, 1484.4293913718284,
                695626.1392662271, 670208.9526868482
            );
            var options = {
                maxExtent: bounds,
                maxResolution: 1700,
                projection: "EPSG:27700",
            };

            var map = new OpenLayers.Map('map', options);
            var wms = new OpenLayers.Layer.WMS(
                "Geoserver layers ", "http://urltoyourgeoserver/geoserver/yourworkspace/wms",
                {'layers': 'yourlayer',
                    styles: '',
                    format:'image/png'});

            map.addLayer(wms);
            map.zoomToMaxExtent();  
    </script>
    </div>
</div>
    <nav>
        <h2>Navigation Here</h2>
        <ul>
            <li><a href="">Navigation 1</a></li>
            <li><a href="">Navigation 2</a></li>
            <li><a href="">Navigation 3</a></li>
            <li><a href="">Navigation 4</a></li>
            <li><a href="">Navigation 5</a></li>
            <li><a href="">Navigation 6</a></li>
        </ul>
    </nav>
    <section id="extra">
        <h2>Extra Stuff Goes Here</h2>
        <p>Sometimes this would be called a <em>sidebar</em>, but it doesn't always have to be on the side to be called a <em>sidebar</em>. Sidebars can be on tops of things, below things, but they are usually beside things &ndash; hence it being a called a sidebar.</p>
        <p><small>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</small></p>

    </section>
    <footer>
        <ul>
            <li><a href="">Navigation 1</a></li>
            <li><a href="">Navigation 2</a></li>
            <li><a href="">Navigation 3</a></li>
            <li><a href="">Navigation 4</a></li>
            <li><a href="">Navigation 5</a></li>
            <li><a href="">Navigation 6</a></li>
        </ul>
        <p>Footer stuff goes here. Copyright, disclaimers &ndash; stuff like that.</p>
    </footer>
</div>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/3398784

复制

相似问题

问Geoserver和WMS
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Geoserver和WMSEN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Geoserver和WMS
EN