16 - 地図を重ねる 2 - あきる野市のスタイル

16-1-2 あきる野市（行政区画用）のスタイルを設定
行政区画用のスタイルを設定します。
1 GeoServer の

GeoServer 2.7.x User Manual
http://docs.geoserver.org/stable/en/user/index.html

の「Styling」をクリックします。

2 Styling
http://docs.geoserver.org/stable/en/user/styling/index.html

の「SLD Cookbook」の「Polygons」をクリックします。

3 Polygons
http://docs.geoserver.org/stable/en/user/styling/sld-cookbook/polygons.html

の「Simple polygon with stroke」を参考にします。

4「CODE」の「View and download the full "Simple polygon with stroke" SLD」をクリックします。
「Simple polygon with stroke」の内容が表示されます。このまま開いたままにするか、別にコピーしておきます。

5 左側の欄の「データ」の「スタイル」をクリックします。

6 「スタイル」の「新規スタイル追加」をクリックします。

7 「新規スタイル」で次のように入力します。

ユーザ名: kukaku
ワークスペース: npn
Format: SLD（変更なし）








8 SLD を入力する欄に「Simple polygon with stroke」の内容をコピーして貼り付けます。

9 内容を次のように変更します。

<?xml version="1.0" encoding="UTF-8"?>
<StyledLayerDescriptor version="1.0.0"
 xsi:schemaLocation="http://www.opengis.net/sld StyledLayerDescriptor.xsd"
 xmlns="http://www.opengis.net/sld"
 xmlns:ogc="http://www.opengis.net/ogc"
 xmlns:xlink="http://www.w3.org/1999/xlink"
 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">

---
<Title>Kukaku: Simple polygon with stroke</Title>

---
<Fill>
 <CssParameter name="fill">#FFFFCC</CssParameter>
</Fill>
<Stroke>
 <CssParameter name="stroke">#CCCCCC</CssParameter>
 <CssParameter name="stroke-width">1</CssParameter>
</Stroke>
---

全体は次のようになります。

<?xml version="1.0" encoding="UTF-8"?>
<StyledLayerDescriptor version="1.0.0"
 xsi:schemaLocation="http://www.opengis.net/sld StyledLayerDescriptor.xsd"
 xmlns="http://www.opengis.net/sld"
 xmlns:ogc="http://www.opengis.net/ogc"
 xmlns:xlink="http://www.w3.org/1999/xlink"
 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">

 <NamedLayer>
  <Name>Simple polygon with stroke</Name>
  <UserStyle>
   <Title>SLD Cook Book: Simple polygon with stroke</Title>
   <FeatureTypeStyle>
    <Rule>
     <PolygonSymbolizer>
      <Fill>
       <CssParameter name="fill">#FFFFCC</CssParameter>
      </Fill>
      <Stroke>
       <CssParameter name="stroke">#CCCCCC</CssParameter>
       <CssParameter name="stroke-width">1</CssParameter>
      </Stroke>
     </PolygonSymbolizer>
    </Rule>
   </FeatureTypeStyle>
  </UserStyle>
 </NamedLayer>
</StyledLayerDescriptor>

10 ページ下の「検証」ボタンをクリックします。

問題なければページ上部に次のように表示されます。








11 ページ下の「送信」ボタンをクリックします。
kukaku が追加されました。

16-1-3 あきる野市（行政区画用）のスタイルの適用

1 左側の欄の「データ」の「レイヤ」をクリックします。

2 「akiruno_kukaku-2」をクリックします。




3 ページ上部の「公開」タブをクリックします。

4 「WMS設定」の「デフォルトスタイル」で「npn:kukaku」を選択し、「保存」ボタンをクリックします。









16-1-4 あきる野市（行政区画用）のスタイルの確認

1 左側の欄の「データ」の「レイヤプレビュー」をクリックします。

2 「akiruno_kukaku-2」を検索し、「共通フォーマット」列の「OpenLayers」をクリックします。

3 成功すれば、OpenLayers Map がポリゴンで表示されます。