變壓器位置with範圍展示
yuanhung
2016-08-16 e3d6da37ac178414e3b607cd39475963acbe6766
Readme.md
@@ -1,533 +1,509 @@
##Oracle to postgresql
 copy basedb.sxfmr from oracle to postgresql
~~~
//於postgresql 建立這個view
CREATE OR REPLACE VIEW public."fsc-115-c-0-tcount" AS
 SELECT "fsc-115-c-0".gid,
 "fsc-115-c-0".did,
 "fsc-115-c-0".tid,
 "fsc-115-c-0".oid,
 "fsc-115-c-0".cid,
 "fsc-115-c-0".lid,
 "fsc-115-c-0".level,
 "fsc-115-c-0".symcolor,
 "fsc-115-c-0".symweight,
 "fsc-115-c-0".symstyle,
 "fsc-115-c-0".just,
 "fsc-115-c-0".height,
 "fsc-115-c-0".width,
 "fsc-115-c-0".angle,
  sxfmr.tcount AS context,
  "fsc-115-c-0".origin AS geom
  FROM gisrepo1."fsc-115-c-0"
  JOIN sxfmr ON "fsc-115-c-0".oid = sxfmr.ufid;
~~~
##Geoserver
###Style
#####buf115-5m
~~~
<?xml version="1.0" encoding="UTF-8"?>
<sld:StyledLayerDescriptor xmlns="http://www.opengis.net/sld" xmlns:sld="http://www.opengis.net/sld" xmlns:ogc="http://www.opengis.net/ogc" xmlns:gml="http://www.opengis.net/gml" version="1.0.0">
    <sld:UserLayer>
        <sld:LayerFeatureConstraints>
            <sld:FeatureTypeConstraint/>
        </sld:LayerFeatureConstraints>
        <sld:UserStyle>
            <sld:Name>sxfmrbuff5</sld:Name>
            <sld:Title/>
            <sld:FeatureTypeStyle>
                <sld:Name>buffr_cycle</sld:Name>
                <sld:FeatureTypeName>Feature</sld:FeatureTypeName>
                <sld:SemanticTypeIdentifier>generic:geometry</sld:SemanticTypeIdentifier>
                <sld:SemanticTypeIdentifier>simple</sld:SemanticTypeIdentifier>
                <sld:Rule>
                    <sld:Name>Bule Rule</sld:Name>
                    <ogc:Filter>
                      <!--sld:MaxScaleDenominator>32000.0</sld:MaxScaleDenominator-->
                        <ogc:PropertyIsGreaterThanOrEqualTo>
                            <ogc:PropertyName>context</ogc:PropertyName>
                            <ogc:Literal>20</ogc:Literal>
                        </ogc:PropertyIsGreaterThanOrEqualTo>
                    </ogc:Filter>
         <PolygonSymbolizer>
             <Geometry>
              <ogc:Function name="buffer">
                <ogc:PropertyName>geom</ogc:PropertyName>
                <ogc:Literal>5</ogc:Literal>
              </ogc:Function>
            </Geometry>
            <Fill>
              <CssParameter name="fill">#0000A0</CssParameter>
              <CssParameter name="fill-opacity">0.2</CssParameter>
            </Fill>
         </PolygonSymbolizer>
                    <sld:TextSymbolizer>
                        <sld:Label>
                            <ogc:PropertyName>context</ogc:PropertyName>
                        </sld:Label>
                        <sld:Font>
                            <sld:CssParameter name="font-family">Apple LiGothic</sld:CssParameter>
                            <sld:CssParameter name="font-size">14.0</sld:CssParameter>
                            <sld:CssParameter name="font-style">normal</sld:CssParameter>
                            <sld:CssParameter name="font-weight">normal</sld:CssParameter>
                        </sld:Font>
                        <sld:LabelPlacement>
                            <sld:PointPlacement>
                                <sld:AnchorPoint>
                                    <sld:AnchorPointX>0.0</sld:AnchorPointX>
                                    <sld:AnchorPointY>0.0</sld:AnchorPointY>
                                </sld:AnchorPoint>
                                <sld:Displacement>
                                    <sld:DisplacementX>0.0</sld:DisplacementX>
                                    <sld:DisplacementY>0.0</sld:DisplacementY>
                                </sld:Displacement>
                            </sld:PointPlacement>
                        </sld:LabelPlacement>
                        <sld:Halo>
                            <sld:Radius>1</sld:Radius>
                            <sld:Fill>
                                <sld:CssParameter name="fill">#FFFFFF</sld:CssParameter>
                            </sld:Fill>
                        </sld:Halo>
                        <sld:Fill>
                            <sld:CssParameter name="fill">#000000</sld:CssParameter>
                        </sld:Fill>
                    </sld:TextSymbolizer>
                </sld:Rule>
                <sld:Rule>
                    <sld:Name>Yellow Rule</sld:Name>
                    <ogc:Filter>
                      <!--sld:MaxScaleDenominator>32000.0</sld:MaxScaleDenominator-->
                        <ogc:PropertyIsBetween>
                            <ogc:PropertyName>context</ogc:PropertyName>
                            <ogc:LowerBoundary>
                                <ogc:Literal>6</ogc:Literal>
                            </ogc:LowerBoundary>
                            <ogc:UpperBoundary>
                                <ogc:Literal>20</ogc:Literal>
                            </ogc:UpperBoundary>
                        </ogc:PropertyIsBetween>
                    </ogc:Filter>
                    <PolygonSymbolizer>
             <Geometry>
              <ogc:Function name="buffer">
                <ogc:PropertyName>geom</ogc:PropertyName>
                <ogc:Literal>5</ogc:Literal>
              </ogc:Function>
            </Geometry>
            <Fill>
              <CssParameter name="fill">#A0A000</CssParameter>
              <CssParameter name="fill-opacity">0.3</CssParameter>
            </Fill>
         </PolygonSymbolizer>
                    <sld:TextSymbolizer>
                        <sld:Label>
                            <ogc:PropertyName>context</ogc:PropertyName>
                        </sld:Label>
                        <sld:Font>
                            <sld:CssParameter name="font-family">Apple LiGothic</sld:CssParameter>
                            <sld:CssParameter name="font-size">14.0</sld:CssParameter>
                            <sld:CssParameter name="font-style">normal</sld:CssParameter>
                            <sld:CssParameter name="font-weight">normal</sld:CssParameter>
                        </sld:Font>
                        <sld:LabelPlacement>
                            <sld:PointPlacement>
                                <sld:AnchorPoint>
                                    <sld:AnchorPointX>0.0</sld:AnchorPointX>
                                    <sld:AnchorPointY>0.0</sld:AnchorPointY>
                                </sld:AnchorPoint>
                                <sld:Displacement>
                                    <sld:DisplacementX>0.0</sld:DisplacementX>
                                    <sld:DisplacementY>0.0</sld:DisplacementY>
                                </sld:Displacement>
                            </sld:PointPlacement>
                        </sld:LabelPlacement>
                        <sld:Halo>
                            <sld:Radius>1</sld:Radius>
                            <sld:Fill>
                                <sld:CssParameter name="fill">#FFFFFF</sld:CssParameter>
                            </sld:Fill>
                        </sld:Halo>
                        <sld:Fill>
                            <sld:CssParameter name="fill">#000000</sld:CssParameter>
                        </sld:Fill>
                    </sld:TextSymbolizer>
                </sld:Rule>
                <sld:Rule>
                    <sld:Name>RED Rule</sld:Name>
                    <ogc:Filter>
                      <!--sld:MaxScaleDenominator>32000.0</sld:MaxScaleDenominator-->
                        <ogc:PropertyIsLessThanOrEqualTo>
                            <ogc:PropertyName>context</ogc:PropertyName>
                            <ogc:Literal>5</ogc:Literal>
                        </ogc:PropertyIsLessThanOrEqualTo>
                    </ogc:Filter>
                    <PolygonSymbolizer>
             <Geometry>
              <ogc:Function name="buffer">
                <ogc:PropertyName>geom</ogc:PropertyName>
                <ogc:Literal>5</ogc:Literal>
              </ogc:Function>
            </Geometry>
            <Fill>
              <CssParameter name="fill">#A00000</CssParameter>
              <CssParameter name="fill-opacity">0.2</CssParameter>
            </Fill>
         </PolygonSymbolizer>
                    <sld:TextSymbolizer>
                        <sld:Label>
                            <ogc:PropertyName>context</ogc:PropertyName>
                        </sld:Label>
                        <sld:Font>
                            <sld:CssParameter name="font-family">Apple LiGothic</sld:CssParameter>
                            <sld:CssParameter name="font-size">14.0</sld:CssParameter>
                            <sld:CssParameter name="font-style">normal</sld:CssParameter>
                            <sld:CssParameter name="font-weight">normal</sld:CssParameter>
                        </sld:Font>
                        <sld:LabelPlacement>
                            <sld:PointPlacement>
                                <sld:AnchorPoint>
                                    <sld:AnchorPointX>0.0</sld:AnchorPointX>
                                    <sld:AnchorPointY>0.0</sld:AnchorPointY>
                                </sld:AnchorPoint>
                                <sld:Displacement>
                                    <sld:DisplacementX>0.0</sld:DisplacementX>
                                    <sld:DisplacementY>0.0</sld:DisplacementY>
                                </sld:Displacement>
                            </sld:PointPlacement>
                        </sld:LabelPlacement>
                        <sld:Halo>
                            <sld:Radius>1</sld:Radius>
                            <sld:Fill>
                                <sld:CssParameter name="fill">#FFFFFF</sld:CssParameter>
                            </sld:Fill>
                        </sld:Halo>
                        <sld:Fill>
                            <sld:CssParameter name="fill">#000000</sld:CssParameter>
                        </sld:Fill>
                    </sld:TextSymbolizer>
                </sld:Rule>
            </sld:FeatureTypeStyle>
        </sld:UserStyle>
    </sld:UserLayer>
</sld:StyledLayerDescriptor>
~~~
#####buf115-25m
~~~
<?xml version="1.0" encoding="UTF-8"?>
<sld:StyledLayerDescriptor xmlns="http://www.opengis.net/sld" xmlns:sld="http://www.opengis.net/sld" xmlns:ogc="http://www.opengis.net/ogc" xmlns:gml="http://www.opengis.net/gml" version="1.0.0">
    <sld:UserLayer>
        <sld:LayerFeatureConstraints>
            <sld:FeatureTypeConstraint/>
        </sld:LayerFeatureConstraints>
        <sld:UserStyle>
            <sld:Name>sxfmrbuff25</sld:Name>
            <sld:Title/>
            <sld:FeatureTypeStyle>
                <sld:Name>buffr_cycle</sld:Name>
                <sld:FeatureTypeName>Feature</sld:FeatureTypeName>
                <sld:SemanticTypeIdentifier>generic:geometry</sld:SemanticTypeIdentifier>
                <sld:SemanticTypeIdentifier>simple</sld:SemanticTypeIdentifier>
                <sld:Rule>
                    <sld:Name>Bule Rule</sld:Name>
                    <ogc:Filter>
                      <!--sld:MaxScaleDenominator>32000.0</sld:MaxScaleDenominator-->
                        <ogc:PropertyIsGreaterThanOrEqualTo>
                            <ogc:PropertyName>context</ogc:PropertyName>
                            <ogc:Literal>20</ogc:Literal>
                        </ogc:PropertyIsGreaterThanOrEqualTo>
                    </ogc:Filter>
         <PolygonSymbolizer>
             <Geometry>
              <ogc:Function name="buffer">
                <ogc:PropertyName>geom</ogc:PropertyName>
                <ogc:Literal>25</ogc:Literal>
              </ogc:Function>
            </Geometry>
            <Fill>
              <CssParameter name="fill">#0000FF</CssParameter>
              <CssParameter name="fill-opacity">0.2</CssParameter>
            </Fill>
         </PolygonSymbolizer>
                    <sld:TextSymbolizer>
                        <sld:Label>
                            <ogc:PropertyName>context</ogc:PropertyName>
                        </sld:Label>
                        <sld:Font>
                            <sld:CssParameter name="font-family">Apple LiGothic</sld:CssParameter>
                            <sld:CssParameter name="font-size">14.0</sld:CssParameter>
                            <sld:CssParameter name="font-style">normal</sld:CssParameter>
                            <sld:CssParameter name="font-weight">normal</sld:CssParameter>
                        </sld:Font>
                        <sld:LabelPlacement>
                            <sld:PointPlacement>
                                <sld:AnchorPoint>
                                    <sld:AnchorPointX>0.0</sld:AnchorPointX>
                                    <sld:AnchorPointY>0.0</sld:AnchorPointY>
                                </sld:AnchorPoint>
                                <sld:Displacement>
                                    <sld:DisplacementX>0.0</sld:DisplacementX>
                                    <sld:DisplacementY>0.0</sld:DisplacementY>
                                </sld:Displacement>
                            </sld:PointPlacement>
                        </sld:LabelPlacement>
                        <sld:Halo>
                            <sld:Radius>1</sld:Radius>
                            <sld:Fill>
                                <sld:CssParameter name="fill">#FFFFFF</sld:CssParameter>
                            </sld:Fill>
                        </sld:Halo>
                        <sld:Fill>
                            <sld:CssParameter name="fill">#000000</sld:CssParameter>
                        </sld:Fill>
                    </sld:TextSymbolizer>
                </sld:Rule>
                <sld:Rule>
                    <sld:Name>GREEN Rule</sld:Name>
                    <ogc:Filter>
                      <!--sld:MaxScaleDenominator>32000.0</sld:MaxScaleDenominator-->
                        <ogc:PropertyIsBetween>
                            <ogc:PropertyName>context</ogc:PropertyName>
                            <ogc:LowerBoundary>
                                <ogc:Literal>6</ogc:Literal>
                            </ogc:LowerBoundary>
                            <ogc:UpperBoundary>
                                <ogc:Literal>20</ogc:Literal>
                            </ogc:UpperBoundary>
                        </ogc:PropertyIsBetween>
                    </ogc:Filter>
                    <PolygonSymbolizer>
             <Geometry>
              <ogc:Function name="buffer">
                <ogc:PropertyName>geom</ogc:PropertyName>
                <ogc:Literal>25</ogc:Literal>
              </ogc:Function>
            </Geometry>
            <Fill>
              <CssParameter name="fill">#00FF00</CssParameter>
              <CssParameter name="fill-opacity">0.3</CssParameter>
            </Fill>
         </PolygonSymbolizer>
                    <sld:TextSymbolizer>
                        <sld:Label>
                            <ogc:PropertyName>context</ogc:PropertyName>
                        </sld:Label>
                        <sld:Font>
                            <sld:CssParameter name="font-family">Apple LiGothic</sld:CssParameter>
                            <sld:CssParameter name="font-size">14.0</sld:CssParameter>
                            <sld:CssParameter name="font-style">normal</sld:CssParameter>
                            <sld:CssParameter name="font-weight">normal</sld:CssParameter>
                        </sld:Font>
                        <sld:LabelPlacement>
                            <sld:PointPlacement>
                                <sld:AnchorPoint>
                                    <sld:AnchorPointX>0.0</sld:AnchorPointX>
                                    <sld:AnchorPointY>0.0</sld:AnchorPointY>
                                </sld:AnchorPoint>
                                <sld:Displacement>
                                    <sld:DisplacementX>0.0</sld:DisplacementX>
                                    <sld:DisplacementY>0.0</sld:DisplacementY>
                                </sld:Displacement>
                            </sld:PointPlacement>
                        </sld:LabelPlacement>
                        <sld:Halo>
                            <sld:Radius>1</sld:Radius>
                            <sld:Fill>
                                <sld:CssParameter name="fill">#FFFFFF</sld:CssParameter>
                            </sld:Fill>
                        </sld:Halo>
                        <sld:Fill>
                            <sld:CssParameter name="fill">#000000</sld:CssParameter>
                        </sld:Fill>
                    </sld:TextSymbolizer>
                </sld:Rule>
                <sld:Rule>
                    <sld:Name>RED Rule</sld:Name>
                    <ogc:Filter>
                      <!--sld:MaxScaleDenominator>32000.0</sld:MaxScaleDenominator-->
                        <ogc:PropertyIsLessThanOrEqualTo>
                            <ogc:PropertyName>context</ogc:PropertyName>
                            <ogc:Literal>5</ogc:Literal>
                        </ogc:PropertyIsLessThanOrEqualTo>
                    </ogc:Filter>
                    <PolygonSymbolizer>
             <Geometry>
              <ogc:Function name="buffer">
                <ogc:PropertyName>geom</ogc:PropertyName>
                <ogc:Literal>25</ogc:Literal>
              </ogc:Function>
            </Geometry>
            <Fill>
              <CssParameter name="fill">#FF0000</CssParameter>
              <CssParameter name="fill-opacity">0.2</CssParameter>
            </Fill>
         </PolygonSymbolizer>
                    <sld:TextSymbolizer>
                        <sld:Label>
                            <ogc:PropertyName>context</ogc:PropertyName>
                        </sld:Label>
                        <sld:Font>
                            <sld:CssParameter name="font-family">Apple LiGothic</sld:CssParameter>
                            <sld:CssParameter name="font-size">14.0</sld:CssParameter>
                            <sld:CssParameter name="font-style">normal</sld:CssParameter>
                            <sld:CssParameter name="font-weight">normal</sld:CssParameter>
                        </sld:Font>
                        <sld:LabelPlacement>
                            <sld:PointPlacement>
                                <sld:AnchorPoint>
                                    <sld:AnchorPointX>0.0</sld:AnchorPointX>
                                    <sld:AnchorPointY>0.0</sld:AnchorPointY>
                                </sld:AnchorPoint>
                                <sld:Displacement>
                                    <sld:DisplacementX>0.0</sld:DisplacementX>
                                    <sld:DisplacementY>0.0</sld:DisplacementY>
                                </sld:Displacement>
                            </sld:PointPlacement>
                        </sld:LabelPlacement>
                        <sld:Halo>
                            <sld:Radius>1</sld:Radius>
                            <sld:Fill>
                                <sld:CssParameter name="fill">#FFFFFF</sld:CssParameter>
                            </sld:Fill>
                        </sld:Halo>
                        <sld:Fill>
                            <sld:CssParameter name="fill">#000000</sld:CssParameter>
                        </sld:Fill>
                    </sld:TextSymbolizer>
                </sld:Rule>
            </sld:FeatureTypeStyle>
        </sld:UserStyle>
    </sld:UserLayer>
</sld:StyledLayerDescriptor>
~~~
#####symbol115
~~~
<?xml version="1.0" encoding="UTF-8"?>
<sld:StyledLayerDescriptor xmlns="http://www.opengis.net/sld" xmlns:sld="http://www.opengis.net/sld"
                           xmlns:ogc="http://www.opengis.net/ogc" xmlns:gml="http://www.opengis.net/gml"
                           version="1.0.0">
  <sld:UserLayer>
    <sld:LayerFeatureConstraints>
      <sld:FeatureTypeConstraint/>
    </sld:LayerFeatureConstraints>
    <sld:UserStyle>
      <sld:Name>Default Styler</sld:Name>
      <sld:Title/>
      <sld:FeatureTypeStyle>
        <sld:Name>Group0</sld:Name>
        <sld:FeatureTypeName>Feature</sld:FeatureTypeName>
        <sld:SemanticTypeIdentifier>generic:geometry</sld:SemanticTypeIdentifier>
        <sld:SemanticTypeIdentifier>simple</sld:SemanticTypeIdentifier>
        <sld:Rule>
          <sld:Name>Default Rule Symbol</sld:Name>
          <sld:MinScaleDenominator>20</sld:MinScaleDenominator>
          <sld:MaxScaleDenominator>68000</sld:MaxScaleDenominator>
          <sld:PointSymbolizer>
            <sld:Geometry>
              <ogc:PropertyName>origin</ogc:PropertyName>
            </sld:Geometry>
         <Graphic>
           <Mark>
             <WellKnownName>triangle</WellKnownName>
             <sld:Fill>
              <sld:CssParameter name="fill">#D95F02</sld:CssParameter>
              <sld:CssParameter name="fill-opacity">0.1</sld:CssParameter>
            </sld:Fill>
            <sld:Stroke>
              <sld:CssParameter name="stroke">#D95F02</sld:CssParameter>
              <sld:CssParameter name="stroke-opacity">0.25</sld:CssParameter>
            </sld:Stroke>
           </Mark>
           <Size>12</Size>
         </Graphic>
          </sld:PointSymbolizer>
        </sld:Rule>
      </sld:FeatureTypeStyle>
    </sld:UserStyle>
  </sld:UserLayer>
</sld:StyledLayerDescriptor>
~~~
###Layer
以public."fsc-115-c-0-tcount"建立兩個圖層
~~~
xtpc:fsc-115-c-0-tcount5m
style=buf115-5m
xtpc:fsc-115-c-0-tcount25m
style=buf115-25m
~~~
以public."fsc-115-c-0-tcount"建立一個圖層
~~~
xtpc:fsc-115-c0-tcount-symbol
style=symbol115
~~~
##建立兩個圖層群組
~~~
pgTcount
(xtpc:fsc-115-c-0-tcount5m+xtpc:fsc-115-c0-tcount-symbol)
pgTcount25m
(xtpc:fsc-115-c-0-tcount25m+xtpc:fsc-115-c0-tcount-symbol)
~~~
#程式相關設定
請設定tpcSetting.js
~~~
wmsUrl="http://www.ximple.com.tw:80/geosns/xtpc/wms";
var layerList=[
    {name:"通用版電子地圖",id:"basemap8",featureinfo:false,showdef:true,layerinfo:{baselayer:false,layerType:"wmts",content:"http://maps.nlsc.gov.tw/S_Maps/wmts", layerid:"EMAP",projection:"EPSG:3857"}},
    {name:"變壓器範圍圖5m",id:"變壓器範圍圖5m",featureinfo:false,showdef:true,layerinfo:{baselayer:false,layerType:"wms", layerid:"xtpc:pgTcount",projection:"EPSG:3826"}},
    {name:"變壓器範圍圖25m",id:"變壓器範圍圖25m",featureinfo:false,showdef:false,layerinfo:{baselayer:false,layerType:"wms", layerid:"xtpc:pgTcount25m",projection:"EPSG:3826"}}
];
~~~
\##Oracle to postgresql
copy basedb.sxfmr from oracle to postgresql
    //於postgresql 建立這個view
    CREATE OR REPLACE VIEW public."fsc-115-c-0-tcount" AS
     SELECT "fsc-115-c-0".gid,
     "fsc-115-c-0".did,
     "fsc-115-c-0".tid,
     "fsc-115-c-0".oid,
     "fsc-115-c-0".cid,
     "fsc-115-c-0".lid,
     "fsc-115-c-0".level,
     "fsc-115-c-0".symcolor,
     "fsc-115-c-0".symweight,
     "fsc-115-c-0".symstyle,
     "fsc-115-c-0".just,
     "fsc-115-c-0".height,
     "fsc-115-c-0".width,
     "fsc-115-c-0".angle,
      sxfmr.tcount AS context,
      "fsc-115-c-0".origin AS geom
      FROM gisrepo1."fsc-115-c-0"
      JOIN sxfmr ON "fsc-115-c-0".oid = sxfmr.ufid;
\##Geoserver
\###Style
\#####buf115-5m
    <?xml version="1.0" encoding="UTF-8"?>
    <sld:StyledLayerDescriptor xmlns="http://www.opengis.net/sld" xmlns:sld="http://www.opengis.net/sld" xmlns:ogc="http://www.opengis.net/ogc" xmlns:gml="http://www.opengis.net/gml" version="1.0.0">
        <sld:UserLayer>
            <sld:LayerFeatureConstraints>
                <sld:FeatureTypeConstraint/>
            </sld:LayerFeatureConstraints>
            <sld:UserStyle>
                <sld:Name>sxfmrbuff5</sld:Name>
                <sld:Title/>
                <sld:FeatureTypeStyle>
                    <sld:Name>buffr_cycle</sld:Name>
                    <sld:FeatureTypeName>Feature</sld:FeatureTypeName>
                    <sld:SemanticTypeIdentifier>generic:geometry</sld:SemanticTypeIdentifier>
                    <sld:SemanticTypeIdentifier>simple</sld:SemanticTypeIdentifier>
                    <sld:Rule>
                        <sld:Name>Bule Rule</sld:Name>
                        <ogc:Filter>
                          <!--sld:MaxScaleDenominator>32000.0</sld:MaxScaleDenominator-->
                            <ogc:PropertyIsGreaterThanOrEqualTo>
                                <ogc:PropertyName>context</ogc:PropertyName>
                                <ogc:Literal>20</ogc:Literal>
                            </ogc:PropertyIsGreaterThanOrEqualTo>
                        </ogc:Filter>
             <PolygonSymbolizer>
                 <Geometry>
                  <ogc:Function name="buffer">
                    <ogc:PropertyName>geom</ogc:PropertyName>
                    <ogc:Literal>5</ogc:Literal>
                  </ogc:Function>
                </Geometry>
                <Fill>
                  <CssParameter name="fill">#0000A0</CssParameter>
                  <CssParameter name="fill-opacity">0.2</CssParameter>
                </Fill>
             </PolygonSymbolizer>
                        <sld:TextSymbolizer>
                            <sld:Label>
                                <ogc:PropertyName>context</ogc:PropertyName>
                            </sld:Label>
                            <sld:Font>
                                <sld:CssParameter name="font-family">Apple LiGothic</sld:CssParameter>
                                <sld:CssParameter name="font-size">14.0</sld:CssParameter>
                                <sld:CssParameter name="font-style">normal</sld:CssParameter>
                                <sld:CssParameter name="font-weight">normal</sld:CssParameter>
                            </sld:Font>
                            <sld:LabelPlacement>
                                <sld:PointPlacement>
                                    <sld:AnchorPoint>
                                        <sld:AnchorPointX>0.0</sld:AnchorPointX>
                                        <sld:AnchorPointY>0.0</sld:AnchorPointY>
                                    </sld:AnchorPoint>
                                    <sld:Displacement>
                                        <sld:DisplacementX>0.0</sld:DisplacementX>
                                        <sld:DisplacementY>0.0</sld:DisplacementY>
                                    </sld:Displacement>
                                </sld:PointPlacement>
                            </sld:LabelPlacement>
                            <sld:Halo>
                                <sld:Radius>1</sld:Radius>
                                <sld:Fill>
                                    <sld:CssParameter name="fill">#FFFFFF</sld:CssParameter>
                                </sld:Fill>
                            </sld:Halo>
                            <sld:Fill>
                                <sld:CssParameter name="fill">#000000</sld:CssParameter>
                            </sld:Fill>
                        </sld:TextSymbolizer>
                    </sld:Rule>
                    <sld:Rule>
                        <sld:Name>Yellow Rule</sld:Name>
                        <ogc:Filter>
                          <!--sld:MaxScaleDenominator>32000.0</sld:MaxScaleDenominator-->
                            <ogc:PropertyIsBetween>
                                <ogc:PropertyName>context</ogc:PropertyName>
                                <ogc:LowerBoundary>
                                    <ogc:Literal>6</ogc:Literal>
                                </ogc:LowerBoundary>
                                <ogc:UpperBoundary>
                                    <ogc:Literal>20</ogc:Literal>
                                </ogc:UpperBoundary>
                            </ogc:PropertyIsBetween>
                        </ogc:Filter>
                        <PolygonSymbolizer>
                 <Geometry>
                  <ogc:Function name="buffer">
                    <ogc:PropertyName>geom</ogc:PropertyName>
                    <ogc:Literal>5</ogc:Literal>
                  </ogc:Function>
                </Geometry>
                <Fill>
                  <CssParameter name="fill">#A0A000</CssParameter>
                  <CssParameter name="fill-opacity">0.3</CssParameter>
                </Fill>
             </PolygonSymbolizer>
                        <sld:TextSymbolizer>
                            <sld:Label>
                                <ogc:PropertyName>context</ogc:PropertyName>
                            </sld:Label>
                            <sld:Font>
                                <sld:CssParameter name="font-family">Apple LiGothic</sld:CssParameter>
                                <sld:CssParameter name="font-size">14.0</sld:CssParameter>
                                <sld:CssParameter name="font-style">normal</sld:CssParameter>
                                <sld:CssParameter name="font-weight">normal</sld:CssParameter>
                            </sld:Font>
                            <sld:LabelPlacement>
                                <sld:PointPlacement>
                                    <sld:AnchorPoint>
                                        <sld:AnchorPointX>0.0</sld:AnchorPointX>
                                        <sld:AnchorPointY>0.0</sld:AnchorPointY>
                                    </sld:AnchorPoint>
                                    <sld:Displacement>
                                        <sld:DisplacementX>0.0</sld:DisplacementX>
                                        <sld:DisplacementY>0.0</sld:DisplacementY>
                                    </sld:Displacement>
                                </sld:PointPlacement>
                            </sld:LabelPlacement>
                            <sld:Halo>
                                <sld:Radius>1</sld:Radius>
                                <sld:Fill>
                                    <sld:CssParameter name="fill">#FFFFFF</sld:CssParameter>
                                </sld:Fill>
                            </sld:Halo>
                            <sld:Fill>
                                <sld:CssParameter name="fill">#000000</sld:CssParameter>
                            </sld:Fill>
                        </sld:TextSymbolizer>
                    </sld:Rule>
                    <sld:Rule>
                        <sld:Name>RED Rule</sld:Name>
                        <ogc:Filter>
                          <!--sld:MaxScaleDenominator>32000.0</sld:MaxScaleDenominator-->
                            <ogc:PropertyIsLessThanOrEqualTo>
                                <ogc:PropertyName>context</ogc:PropertyName>
                                <ogc:Literal>5</ogc:Literal>
                            </ogc:PropertyIsLessThanOrEqualTo>
                        </ogc:Filter>
                        <PolygonSymbolizer>
                 <Geometry>
                  <ogc:Function name="buffer">
                    <ogc:PropertyName>geom</ogc:PropertyName>
                    <ogc:Literal>5</ogc:Literal>
                  </ogc:Function>
                </Geometry>
                <Fill>
                  <CssParameter name="fill">#A00000</CssParameter>
                  <CssParameter name="fill-opacity">0.2</CssParameter>
                </Fill>
             </PolygonSymbolizer>
                        <sld:TextSymbolizer>
                            <sld:Label>
                                <ogc:PropertyName>context</ogc:PropertyName>
                            </sld:Label>
                            <sld:Font>
                                <sld:CssParameter name="font-family">Apple LiGothic</sld:CssParameter>
                                <sld:CssParameter name="font-size">14.0</sld:CssParameter>
                                <sld:CssParameter name="font-style">normal</sld:CssParameter>
                                <sld:CssParameter name="font-weight">normal</sld:CssParameter>
                            </sld:Font>
                            <sld:LabelPlacement>
                                <sld:PointPlacement>
                                    <sld:AnchorPoint>
                                        <sld:AnchorPointX>0.0</sld:AnchorPointX>
                                        <sld:AnchorPointY>0.0</sld:AnchorPointY>
                                    </sld:AnchorPoint>
                                    <sld:Displacement>
                                        <sld:DisplacementX>0.0</sld:DisplacementX>
                                        <sld:DisplacementY>0.0</sld:DisplacementY>
                                    </sld:Displacement>
                                </sld:PointPlacement>
                            </sld:LabelPlacement>
                            <sld:Halo>
                                <sld:Radius>1</sld:Radius>
                                <sld:Fill>
                                    <sld:CssParameter name="fill">#FFFFFF</sld:CssParameter>
                                </sld:Fill>
                            </sld:Halo>
                            <sld:Fill>
                                <sld:CssParameter name="fill">#000000</sld:CssParameter>
                            </sld:Fill>
                        </sld:TextSymbolizer>
                    </sld:Rule>
                </sld:FeatureTypeStyle>
            </sld:UserStyle>
        </sld:UserLayer>
    </sld:StyledLayerDescriptor>
\#####buf115-25m
    <?xml version="1.0" encoding="UTF-8"?>
    <sld:StyledLayerDescriptor xmlns="http://www.opengis.net/sld" xmlns:sld="http://www.opengis.net/sld" xmlns:ogc="http://www.opengis.net/ogc" xmlns:gml="http://www.opengis.net/gml" version="1.0.0">
        <sld:UserLayer>
            <sld:LayerFeatureConstraints>
                <sld:FeatureTypeConstraint/>
            </sld:LayerFeatureConstraints>
            <sld:UserStyle>
                <sld:Name>sxfmrbuff25</sld:Name>
                <sld:Title/>
                <sld:FeatureTypeStyle>
                    <sld:Name>buffr_cycle</sld:Name>
                    <sld:FeatureTypeName>Feature</sld:FeatureTypeName>
                    <sld:SemanticTypeIdentifier>generic:geometry</sld:SemanticTypeIdentifier>
                    <sld:SemanticTypeIdentifier>simple</sld:SemanticTypeIdentifier>
                    <sld:Rule>
                        <sld:Name>Bule Rule</sld:Name>
                        <ogc:Filter>
                          <!--sld:MaxScaleDenominator>32000.0</sld:MaxScaleDenominator-->
                            <ogc:PropertyIsGreaterThanOrEqualTo>
                                <ogc:PropertyName>context</ogc:PropertyName>
                                <ogc:Literal>20</ogc:Literal>
                            </ogc:PropertyIsGreaterThanOrEqualTo>
                        </ogc:Filter>
             <PolygonSymbolizer>
                 <Geometry>
                  <ogc:Function name="buffer">
                    <ogc:PropertyName>geom</ogc:PropertyName>
                    <ogc:Literal>25</ogc:Literal>
                  </ogc:Function>
                </Geometry>
                <Fill>
                  <CssParameter name="fill">#0000FF</CssParameter>
                  <CssParameter name="fill-opacity">0.2</CssParameter>
                </Fill>
             </PolygonSymbolizer>
                        <sld:TextSymbolizer>
                            <sld:Label>
                                <ogc:PropertyName>context</ogc:PropertyName>
                            </sld:Label>
                            <sld:Font>
                                <sld:CssParameter name="font-family">Apple LiGothic</sld:CssParameter>
                                <sld:CssParameter name="font-size">14.0</sld:CssParameter>
                                <sld:CssParameter name="font-style">normal</sld:CssParameter>
                                <sld:CssParameter name="font-weight">normal</sld:CssParameter>
                            </sld:Font>
                            <sld:LabelPlacement>
                                <sld:PointPlacement>
                                    <sld:AnchorPoint>
                                        <sld:AnchorPointX>0.0</sld:AnchorPointX>
                                        <sld:AnchorPointY>0.0</sld:AnchorPointY>
                                    </sld:AnchorPoint>
                                    <sld:Displacement>
                                        <sld:DisplacementX>0.0</sld:DisplacementX>
                                        <sld:DisplacementY>0.0</sld:DisplacementY>
                                    </sld:Displacement>
                                </sld:PointPlacement>
                            </sld:LabelPlacement>
                            <sld:Halo>
                                <sld:Radius>1</sld:Radius>
                                <sld:Fill>
                                    <sld:CssParameter name="fill">#FFFFFF</sld:CssParameter>
                                </sld:Fill>
                            </sld:Halo>
                            <sld:Fill>
                                <sld:CssParameter name="fill">#000000</sld:CssParameter>
                            </sld:Fill>
                        </sld:TextSymbolizer>
                    </sld:Rule>
                    <sld:Rule>
                        <sld:Name>GREEN Rule</sld:Name>
                        <ogc:Filter>
                          <!--sld:MaxScaleDenominator>32000.0</sld:MaxScaleDenominator-->
                            <ogc:PropertyIsBetween>
                                <ogc:PropertyName>context</ogc:PropertyName>
                                <ogc:LowerBoundary>
                                    <ogc:Literal>6</ogc:Literal>
                                </ogc:LowerBoundary>
                                <ogc:UpperBoundary>
                                    <ogc:Literal>20</ogc:Literal>
                                </ogc:UpperBoundary>
                            </ogc:PropertyIsBetween>
                        </ogc:Filter>
                        <PolygonSymbolizer>
                 <Geometry>
                  <ogc:Function name="buffer">
                    <ogc:PropertyName>geom</ogc:PropertyName>
                    <ogc:Literal>25</ogc:Literal>
                  </ogc:Function>
                </Geometry>
                <Fill>
                  <CssParameter name="fill">#00FF00</CssParameter>
                  <CssParameter name="fill-opacity">0.3</CssParameter>
                </Fill>
             </PolygonSymbolizer>
                        <sld:TextSymbolizer>
                            <sld:Label>
                                <ogc:PropertyName>context</ogc:PropertyName>
                            </sld:Label>
                            <sld:Font>
                                <sld:CssParameter name="font-family">Apple LiGothic</sld:CssParameter>
                                <sld:CssParameter name="font-size">14.0</sld:CssParameter>
                                <sld:CssParameter name="font-style">normal</sld:CssParameter>
                                <sld:CssParameter name="font-weight">normal</sld:CssParameter>
                            </sld:Font>
                            <sld:LabelPlacement>
                                <sld:PointPlacement>
                                    <sld:AnchorPoint>
                                        <sld:AnchorPointX>0.0</sld:AnchorPointX>
                                        <sld:AnchorPointY>0.0</sld:AnchorPointY>
                                    </sld:AnchorPoint>
                                    <sld:Displacement>
                                        <sld:DisplacementX>0.0</sld:DisplacementX>
                                        <sld:DisplacementY>0.0</sld:DisplacementY>
                                    </sld:Displacement>
                                </sld:PointPlacement>
                            </sld:LabelPlacement>
                            <sld:Halo>
                                <sld:Radius>1</sld:Radius>
                                <sld:Fill>
                                    <sld:CssParameter name="fill">#FFFFFF</sld:CssParameter>
                                </sld:Fill>
                            </sld:Halo>
                            <sld:Fill>
                                <sld:CssParameter name="fill">#000000</sld:CssParameter>
                            </sld:Fill>
                        </sld:TextSymbolizer>
                    </sld:Rule>
                    <sld:Rule>
                        <sld:Name>RED Rule</sld:Name>
                        <ogc:Filter>
                          <!--sld:MaxScaleDenominator>32000.0</sld:MaxScaleDenominator-->
                            <ogc:PropertyIsLessThanOrEqualTo>
                                <ogc:PropertyName>context</ogc:PropertyName>
                                <ogc:Literal>5</ogc:Literal>
                            </ogc:PropertyIsLessThanOrEqualTo>
                        </ogc:Filter>
                        <PolygonSymbolizer>
                 <Geometry>
                  <ogc:Function name="buffer">
                    <ogc:PropertyName>geom</ogc:PropertyName>
                    <ogc:Literal>25</ogc:Literal>
                  </ogc:Function>
                </Geometry>
                <Fill>
                  <CssParameter name="fill">#FF0000</CssParameter>
                  <CssParameter name="fill-opacity">0.2</CssParameter>
                </Fill>
             </PolygonSymbolizer>
                        <sld:TextSymbolizer>
                            <sld:Label>
                                <ogc:PropertyName>context</ogc:PropertyName>
                            </sld:Label>
                            <sld:Font>
                                <sld:CssParameter name="font-family">Apple LiGothic</sld:CssParameter>
                                <sld:CssParameter name="font-size">14.0</sld:CssParameter>
                                <sld:CssParameter name="font-style">normal</sld:CssParameter>
                                <sld:CssParameter name="font-weight">normal</sld:CssParameter>
                            </sld:Font>
                            <sld:LabelPlacement>
                                <sld:PointPlacement>
                                    <sld:AnchorPoint>
                                        <sld:AnchorPointX>0.0</sld:AnchorPointX>
                                        <sld:AnchorPointY>0.0</sld:AnchorPointY>
                                    </sld:AnchorPoint>
                                    <sld:Displacement>
                                        <sld:DisplacementX>0.0</sld:DisplacementX>
                                        <sld:DisplacementY>0.0</sld:DisplacementY>
                                    </sld:Displacement>
                                </sld:PointPlacement>
                            </sld:LabelPlacement>
                            <sld:Halo>
                                <sld:Radius>1</sld:Radius>
                                <sld:Fill>
                                    <sld:CssParameter name="fill">#FFFFFF</sld:CssParameter>
                                </sld:Fill>
                            </sld:Halo>
                            <sld:Fill>
                                <sld:CssParameter name="fill">#000000</sld:CssParameter>
                            </sld:Fill>
                        </sld:TextSymbolizer>
                    </sld:Rule>
                </sld:FeatureTypeStyle>
            </sld:UserStyle>
        </sld:UserLayer>
    </sld:StyledLayerDescriptor>
\#####symbol115
    <?xml version="1.0" encoding="UTF-8"?>
    <sld:StyledLayerDescriptor xmlns="http://www.opengis.net/sld" xmlns:sld="http://www.opengis.net/sld"
                               xmlns:ogc="http://www.opengis.net/ogc" xmlns:gml="http://www.opengis.net/gml"
                               version="1.0.0">
      <sld:UserLayer>
        <sld:LayerFeatureConstraints>
          <sld:FeatureTypeConstraint/>
        </sld:LayerFeatureConstraints>
        <sld:UserStyle>
          <sld:Name>Default Styler</sld:Name>
          <sld:Title/>
          <sld:FeatureTypeStyle>
            <sld:Name>Group0</sld:Name>
            <sld:FeatureTypeName>Feature</sld:FeatureTypeName>
            <sld:SemanticTypeIdentifier>generic:geometry</sld:SemanticTypeIdentifier>
            <sld:SemanticTypeIdentifier>simple</sld:SemanticTypeIdentifier>
            <sld:Rule>
              <sld:Name>Default Rule Symbol</sld:Name>
              <sld:MinScaleDenominator>20</sld:MinScaleDenominator>
              <sld:MaxScaleDenominator>68000</sld:MaxScaleDenominator>
              <sld:PointSymbolizer>
                <sld:Geometry>
                  <ogc:PropertyName>origin</ogc:PropertyName>
                </sld:Geometry>
             <Graphic>
               <Mark>
                 <WellKnownName>triangle</WellKnownName>
                 <sld:Fill>
                  <sld:CssParameter name="fill">#D95F02</sld:CssParameter>
                  <sld:CssParameter name="fill-opacity">0.1</sld:CssParameter>
                </sld:Fill>
                <sld:Stroke>
                  <sld:CssParameter name="stroke">#D95F02</sld:CssParameter>
                  <sld:CssParameter name="stroke-opacity">0.25</sld:CssParameter>
                </sld:Stroke>
               </Mark>
               <Size>12</Size>
             </Graphic>
              </sld:PointSymbolizer>
            </sld:Rule>
          </sld:FeatureTypeStyle>
        </sld:UserStyle>
      </sld:UserLayer>
    </sld:StyledLayerDescriptor>
\###Layer
以public."fsc-115-c-0-tcount"建立兩個圖層
    xtpc:fsc-115-c-0-tcount5m
    style=buf115-5m
    xtpc:fsc-115-c-0-tcount25m
    style=buf115-25m
以public."fsc-115-c-0"建立一個圖層
    xtpc:fsc-115-c0-tcount-symbol
    style=symbol115
\##建立兩個圖層群組
    pgTcount
    (xtpc:fsc-115-c-0-tcount5m+xtpc:fsc-115-c0-tcount-symbol)
    pgTcount25m
    (xtpc:fsc-115-c-0-tcount25m+xtpc:fsc-115-c0-tcount-symbol)
\#程式相關設定
請設定tpcSetting.js
    wmsUrl="http://www.ximple.com.tw:80/geosns/xtpc/wms";
    var layerList=[
        {name:"通用版電子地圖",id:"basemap8",featureinfo:false,showdef:true,layerinfo:{baselayer:false,layerType:"wmts",content:"http://maps.nlsc.gov.tw/S_Maps/wmts", layerid:"EMAP",projection:"EPSG:3857"}},
        {name:"變壓器範圍圖5m",id:"變壓器範圍圖5m",featureinfo:false,showdef:true,layerinfo:{baselayer:false,layerType:"wms", layerid:"xtpc:pgTcount",projection:"EPSG:3826"}},
        {name:"變壓器範圍圖25m",id:"變壓器範圍圖25m",featureinfo:false,showdef:false,layerinfo:{baselayer:false,layerType:"wms", layerid:"xtpc:pgTcount25m",projection:"EPSG:3826"}}
    ];