助けが必要です。私は Geoserver と WMS の概念に不慣れで、非常に基本的なヘルプを探しています。Geoserver をダウンロードしてインストールし、レイヤーなど (sld を含む) をセットアップしましたが、この情報をここから自分の Web サイトに取得する方法がわかりません。私が言及したように、私はこれに不慣れで、自分が何をしているのかわかりません。ウェブでステップバイステップのヘルプを検索しようとしましたが、シェープファイルをアップロードして保存したら、ほとんどの場合、方法または何をすべきかを見逃していますジオサーバー。
情報の正しい方向への助けや指摘は、最も高く評価されます。
ありがとう
スティーブ
Geoserver は、独自の Web サーバー (jetty) を使用するか、Tomcat の「.war アーカイブ」として実行できます。つまり、Web サーバーにデプロイするには、Web サイトをホストする実際のマシンにソフトウェアをインストールする必要があります (一般的な方法は、Web サーバーが既に tomcat を実行している場合に .war アーカイブをデプロイすることです)。
ジオサーバーの仕事は、WMS プロトコルによって提供される仕様に従ってマップ タイルをレンダリングすることです。これらのタイルを実際の Web サイトに含めてマップとして表示するには、ユーザー インタラクション全体を処理する OpenLayers などのクライアント アプリケーションが必要です。
http://docs.geoserver.org/stable/en/user/installation/war.html
私はレレットに同意します。Geoserver Web インターフェイス (左下) の「プレビュー」ボタンをクリックするだけで簡単に開始できます。そこで、openlayers でレイヤーをプレビューできます。そこにレイヤーが表示されたら、ページの HTML + JS コードを見てください。そこからコピー＆ペーストを開始できます...
マップを配置したい HTML ページに OpenLayers/javascript コードを追加する必要があることは、おそらくすでに確立されています。以下は、マップをページに追加するいくつかの基本的な OpenLayers コードを含む HTML ページです。
見て/使用するビットは、タグからの OpenLayers/javascript です。URL を Geoserver のほか、ワークスペースとレイヤーの名前に置き換える必要があります。境界と maxResolution はイングランドとウェールズに設定され、投影法は British National Grid に設定されているため、これらを対象地域に変更する必要がある場合があります。
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 – 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 – stuff like that.</p>
</footer>
</div>
テスト Web ページを作成し、そのテスト ページで使用しているレイヤーを呼び出しました。
Base = new OpenLayers.Layer.WMS("CMA Info - Streets", " http://test.com/geoserver/test/gwc/service/wms ", {layers: "Base_test", transparent: true, format: " image/gif", buffer: 0 } tiled: true }
);
Base.isBaseLayer = true;
Base.setOpacity(1);
Base.setVisibility(true);
Base.displayOutsideMaxExtent = 0;
map.addLayers([Base]);
//map.setOptions(zoomLevel = 19);