18 - 重ねた地図をもう少し 3 - 各レイヤのスタイル

18-3 自然公園地域のスタイルを設定
18-3-1 自然公園 shizenkoen
国土数値情報 3. 地域 <保護保全> 自然公園地域

18-3-1-1 自然公園のスタイルの設定
行政区画用のスタイル kukaku をコピーして、自然公園（東京）用のスタイル　shizenkoen を設定しました。

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

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

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

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

4 「既存のスタイルをコピーしています」で「npn:kukaku」を選択し「コピーしています」をクリックます。
SLD を入力する欄に「kukaku」の内容が表示されます。



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

---
<Title>Shizen Koen: Simple polygon with stroke</Title>
---
<Fill>
 <CssParameter name="fill">#FFCCCC</CssParameter>
</Fill>
<Stroke>
 <CssParameter name="stroke">#FF0000</CssParameter>
 <CssParameter name="stroke-width">1</CssParameter>
</Stroke>
---

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

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








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

18-3-1-2 自然公園のスタイルの適用

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







2 「shizenkoen」をクリックします。

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

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








18-3-1-3 自然公園のスタイルの確認

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

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

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










同じように他のレイヤのスタイルも設定します。

18-3-2 特別地域 tokubetsu
国土数値情報 3. 地域 <保護保全> 自然公園地域
内容を次のように変更します。

---
<Title>Tokubetsu Chiiki: Simple polygon with stroke</Title>
---
<Fill>
 <CssParameter name="fill">#CCFF99</CssParameter>
</Fill>
<Stroke>
 <CssParameter name="stroke">#00FF00</CssParameter>
 <CssParameter name="stroke-width">1</CssParameter>
</Stroke>
---

18-3-3 特別保護地域 tokubetsuhogo
国土数値情報 3. 地域 <保護保全> 自然公園地域
内容を次のように変更します。

---
<Title>Tokubetsu Hogo Chiiki: Simple polygon with stroke</Title>
---
<Fill>
 <CssParameter name="fill">#CCCCFF</CssParameter>
</Fill>
<Stroke>
 <CssParameter name="stroke">#0000FF</CssParameter>
 <CssParameter name="stroke-width">1</CssParameter>
</Stroke>
---

18-4 あきる野市のスタイルを設定
18-4-1 町字界線 choazakaisen
GeoServer 2.7.x User Manual »
 Styling »
 SLD Cookbook »
 Lines
http://docs.geoserver.org/stable/en/user/styling/sld-cookbook/lines.html

の「Dashed line」を参考にします。

<?xml version="1.0" encoding="UTF-8"?>
<StyledLayerDescriptor 
---
<!-- ヘッダーの内容は同じです -->
 <NamedLayer>
  <Name>Dashed line</Name>
  <UserStyle>
   <Title>Choazakai Sen: Dashed line</Title>
   <FeatureTypeStyle>
    <Rule>
     <LineSymbolizer>
      <Stroke>
       <CssParameter name="stroke">#999900</CssParameter>
       <CssParameter name="stroke-width">1</CssParameter>
       <CssParameter name="stroke-dasharray">5 2</CssParameter>
      </Stroke>
     </LineSymbolizer>
    </Rule>
   </FeatureTypeStyle>
  </UserStyle>
 </NamedLayer>
</StyledLayerDescriptor>

18-4-2 町字界点 choazakaiten

GeoServer 2.7.x User Manual »
 Styling »
 SLD Cookbook »
 Points
http://docs.geoserver.org/stable/en/user/styling/sld-cookbook/points.html#simple-point

の「Point with default label」を参考にします。

<?xml version="1.0" encoding="UTF-8"?>
<StyledLayerDescriptor 
---
<!-- ヘッダーの内容は同じです -->
 <NamedLayer>
  <Name>Point with styled label</Name>
  <UserStyle>
   <Title>Choazakai Ten: Point with styled label</Title>
   <FeatureTypeStyle>
    <Rule>
     <MaxScaleDenominator>10000</MaxScaleDenominator>
     <PointSymbolizer>
      <Graphic>
       <Mark>
        <WellKnownName>circle</WellKnownName>
        <Fill>
         <CssParameter name="fill">#FF0000</CssParameter>
        </Fill>
       </Mark>
       <Size>6</Size>
      </Graphic>
     </PointSymbolizer>
     <TextSymbolizer>
      <Label>
       <ogc:PropertyName>name</ogc:PropertyName>
      </Label>
      <Font>
       <CssParameter name="font-family">kochi-gothic</CssParameter>
       <CssParameter name="font-size">12</CssParameter>
      </Font>
      <LabelPlacement>
       <PointPlacement>
        <AnchorPoint>
         <AnchorPointX>0.5</AnchorPointX>
         <AnchorPointY>0.0</AnchorPointY>
        </AnchorPoint>
        <Displacement>
         <DisplacementX>0</DisplacementX>
         <DisplacementY>5</DisplacementY>
        </Displacement>
       </PointPlacement>
      </LabelPlacement>
     　<Fill>
     　　<CssParameter name="fill">#000000</CssParameter>
     　</Fill>
    　</TextSymbolizer>
    </Rule>
   </FeatureTypeStyle>
  </UserStyle>
 </NamedLayer>
</StyledLayerDescriptor>

18-4-2 建築物 kenchikubutsu 行政区画用のスタイル kukaku をコピーして、建築物（あきる野市）用のスタイル　kenchikubutsu を設定しました。

---
<Title>Kenchikubutsu: Simple polygon with stroke</Title>
<FeatureTypeStyle>
 <Rule>
  <MaxScaleDenominator>5000</MaxScaleDenominator>
   <PolygonSymbolizer>
---
<Fill>
 <CssParameter name="fill">#CCCCCC</CssParameter>
</Fill>
<Stroke>
 <CssParameter name="stroke">#666666</CssParameter>
 <CssParameter name="stroke-width">1</CssParameter>
</Stroke>
---

それぞれのレイヤに設定します。

自然公園 

特別地域

町字界線

町字界点

建築物