GeoHelm/app/latest/geoserver/styles/index.html

403 lines
18 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en" >
<!-- Mirrored from geohelm.docs.acugis.com/en/latest/geoserver/styles/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 13 Jul 2023 23:22:36 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Styles &mdash; AcuGIS GeoHelm 0.4.3 documentation</title>
<!-- AcuGIS 1 -->
<!--[if lt IE 9]>
<script src="../../_static/js/html5shiv.min.js"></script>
<![endif]-->
<script type="text/javascript" id="documentation_options" data-url_root="../../" src="../../_static/documentation_options.js"></script>
<script type="text/javascript" src="../../_static/jquery.js"></script>
<script type="text/javascript" src="../../_static/underscore.js"></script>
<script type="text/javascript" src="../../_static/doctools.js"></script>
<script type="text/javascript" src="../../_static/language_data.js"></script>
<script async="async" type="text/javascript" src="../../../../_/static/javascript/readthedocs-doc-embed.js"></script>
<script type="text/javascript" src="../../_static/js/theme.js"></script>
<link rel="stylesheet" href="../../_static/css/theme.css" type="text/css" />
<link rel="stylesheet" href="../../_static/pygments.css" type="text/css" />
<link rel="stylesheet" href="../../_static/custom.css" type="text/css" />
<link rel="index" title="Index" href="../../genindex.html" />
<link rel="search" title="Search" href="../../search.html" />
<link rel="next" title="pg_tileserv" href="../../components/pgtileserv/index.html" />
<link rel="prev" title="Load ESRI Shapefile" href="../shp/index.html" />
<!-- RTD Extra Head -->
<link rel="stylesheet" href="../../../../_/static/css/readthedocs-doc-embed.css" type="text/css" />
<script type="application/json" id="READTHEDOCS_DATA">{"ad_free": false, "api_host": "https://readthedocs.org", "builder": "sphinx", "canonical_url": null, "docroot": "/docs/", "features": {"docsearch_disabled": false}, "global_analytics_code": "UA-17997319-1", "language": "en", "page": "geoserver/styles/index", "programming_language": "perl", "project": "geohelm", "proxied_api_host": "/_", "source_suffix": ".rst", "subprojects": {}, "theme": "sphinx_rtd_theme", "user_analytics_code": "", "version": "latest"}</script>
<!--
Using this variable directly instead of using `JSON.parse` is deprecated.
The READTHEDOCS_DATA global variable will be removed in the future.
-->
<script type="text/javascript">
READTHEDOCS_DATA = JSON.parse(document.getElementById('READTHEDOCS_DATA').innerHTML);
</script>
<script type="text/javascript" src="../../../../_/static/javascript/readthedocs-analytics.js" async="async"></script>
<!-- end RTD <extrahead> -->
</head>
<div id="header" style="position: fixed; height: 70px; padding-bottom: 20px; overflow: hidden; background-color: #28728d; display: block; z-index: 1000; width: 100%;">
<div class="acugis_geosuite" style="color:#fff!important; padding-left:30px; font-size:26px; padding-top: 20px;"><a href="https://geohelm.docs.acugis.com/" style="color:#fff!important; text-decoration:none!important">AcuGIS GeoHelm</a></div>
</div>
</div>
<body class="wy-body-for-nav">
<div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side">
<div class="wy-side-scroll">
<div id="header2"> </div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation" style="padding-top: 45px;">
<p class="caption"><span class="caption-text">Getting Started</span></p>
<ul>
<li class="toctree-l1"><a class="reference internal" href="../../intro.html">Intro</a></li>
<li class="toctree-l1"><a class="reference internal" href="../../installing.html">Installation</a></li>
<li class="toctree-l1"><a class="reference internal" href="../../layout.html">Layout</a></li>
<li class="toctree-l1"><a class="reference internal" href="../../webmin.html">Control Panel</a></li>
<li class="toctree-l1"><a class="reference internal" href="../../webmin.html#removing-the-control-panel">Removing the Control Panel</a></li>
</ul>
<p class="caption"><span class="caption-text">PostGIS</span></p>
<ul>
<li class="toctree-l1"><a class="reference internal" href="../../components/createdb/index.html">Create Database</a></li>
<li class="toctree-l1"><a class="reference internal" href="../../components/postgresql/index.html">PostgreSQL</a></li>
<li class="toctree-l1"><a class="reference internal" href="../../components/postgis/index.html">PostGIS</a></li>
<li class="toctree-l1"><a class="reference internal" href="../../components/pgrouting/index.html">PgRouting</a></li>
<li class="toctree-l1"><a class="reference internal" href="../../components/shp2pgsql/index.html">shp2pgsql</a></li>
<li class="toctree-l1"><a class="reference internal" href="../../components/osm2pgsql/index.html">osm2pgsql</a></li>
<li class="toctree-l1"><a class="reference internal" href="../../components/raster2pgsql/index.html">raster2pgsql</a></li>
</ul>
<p class="caption"><span class="caption-text">GeoServer</span></p>
<ul class="current">
<li class="toctree-l1"><a class="reference internal" href="../admin/index.html">Access</a></li>
<li class="toctree-l1"><a class="reference internal" href="../geoservers/index.html">Overview</a></li>
<li class="toctree-l1"><a class="reference internal" href="../tomcat/index.html">Apache Tomcat</a></li>
<li class="toctree-l1"><a class="reference internal" href="../workspace/index.html">Create a Workspace</a></li>
<li class="toctree-l1"><a class="reference internal" href="../store/index.html">Create Store</a></li>
<li class="toctree-l1"><a class="reference internal" href="../layer/index.html">Add Layer</a></li>
<li class="toctree-l1"><a class="reference internal" href="../shp/index.html">Load ESRI Shapefile</a></li>
<li class="toctree-l1 current"><a class="current reference internal" href="#">Styles</a><ul>
<li class="toctree-l2"><a class="reference internal" href="#default-styles">Default Styles</a></li>
<li class="toctree-l2"><a class="reference internal" href="#create-a-style">Create a Style</a></li>
<li class="toctree-l2"><a class="reference internal" href="#copy-an-existing-style">Copy an Existing Style</a></li>
<li class="toctree-l2"><a class="reference internal" href="#apply-style">Apply Style</a></li>
</ul>
</li>
</ul>
<p class="caption"><span class="caption-text">pg_tileserv</span></p>
<ul>
<li class="toctree-l1"><a class="reference internal" href="../../components/pgtileserv/index.html">pg_tileserv</a></li>
<li class="toctree-l1"><a class="reference internal" href="../../components/pgfeatureserv/index.html">pg_featureserv</a></li>
</ul>
<p class="caption"><span class="caption-text">Database Operations</span></p>
<ul>
<li class="toctree-l1"><a class="reference internal" href="../../database/snapshot/index.html">Database Snapshots</a></li>
<li class="toctree-l1"><a class="reference internal" href="../../database/clone/index.html">Clone Database</a></li>
<li class="toctree-l1"><a class="reference internal" href="../../database/restore/index.html">Restore Database</a></li>
</ul>
<p class="caption"><span class="caption-text">QGIS</span></p>
<ul>
<li class="toctree-l1"><a class="reference internal" href="../../qgis/home.html">Introduction</a></li>
<li class="toctree-l1"><a class="reference internal" href="../../qgis/pgservice.html">pg_service.conf</a></li>
<li class="toctree-l1"><a class="reference internal" href="../../qgis/qgis.html">Create a QGIS Project</a></li>
<li class="toctree-l1"><a class="reference internal" href="../../qgis/publish.html">Publish Layers</a></li>
<li class="toctree-l1"><a class="reference internal" href="../../qgis/style-only.html">Publish Styles Only</a></li>
</ul>
<p class="caption"><span class="caption-text">LeafletJS</span></p>
<ul>
<li class="toctree-l1"><a class="reference internal" href="../../apps/choropleth.html">Leaflet Choropleth App</a></li>
<li class="toctree-l1"><a class="reference internal" href="../../apps/geojson.html">Leaflet GeoJson</a></li>
<li class="toctree-l1"><a class="reference internal" href="../../apps/php.html">Leaflet and PHP</a></li>
</ul>
<p class="caption"><span class="caption-text">Resources</span></p>
<ul>
<li class="toctree-l1"><a class="reference internal" href="../../resources/documents.html">Documentation</a></li>
<li class="toctree-l1"><a class="reference internal" href="../../resources/css.html">CSS</a></li>
<li class="toctree-l1"><a class="reference internal" href="../../resources/security.html">Security</a></li>
<li class="toctree-l1"><a class="reference internal" href="../../resources/nagios.html">Nagios</a></li>
<li class="toctree-l1"><a class="reference internal" href="../../resources/support.html">Project Support</a></li>
<li class="toctree-l1"><a class="reference internal" href="../../resources/commercial.html">Commercial Support</a></li>
<li class="toctree-l1"><a class="reference internal" href="../../resources/license.html">License</a></li>
</ul>
</div>
</div>
</nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
<nav class="wy-nav-top" aria-label="top navigation">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="../../index-2.html">AcuGIS GeoHelm</a>
</nav>
<div class="wy-nav-content">
<div class="rst-content">
<div role="navigation" aria-label="breadcrumbs navigation">
<ul class="wy-breadcrumbs">
<li><a href="../../index-2.html" class="icon icon-home"></a> &raquo;</li>
<li>Styles</li>
<li class="wy-breadcrumbs-aside">
<a href="https://github.com/AcuGIS/GeoHelm/blob/master/docs/geoserver/styles/index.rst" class="fa fa-github"> Edit on GitHub</a>
</li>
</ul>
<hr/>
</div>
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
<div itemprop="articleBody">
<div class="section" id="styles">
<h1><a class="toc-backref" href="#id1">Styles</a><a class="headerlink" href="#styles" title="Permalink to this headline"></a></h1>
<div class="contents topic" id="table-of-contents">
<p class="topic-title">Table of Contents</p>
<ul class="simple">
<li><a class="reference internal" href="#styles" id="id1">Styles</a><ul>
<li><a class="reference internal" href="#default-styles" id="id2">Default Styles</a></li>
<li><a class="reference internal" href="#create-a-style" id="id3">Create a Style</a></li>
<li><a class="reference internal" href="#copy-an-existing-style" id="id4">Copy an Existing Style</a></li>
<li><a class="reference internal" href="#apply-style" id="id5">Apply Style</a></li>
</ul>
</li>
</ul>
</div>
<div class="section" id="default-styles">
<h2><a class="toc-backref" href="#id2">Default Styles</a><a class="headerlink" href="#default-styles" title="Permalink to this headline"></a></h2>
<p>For each type, GeoServer has default style that is used.</p>
<p>If we look at our Waterways layer, we see it is gray (the default polygon style).</p>
<p>Wed like to make this blue.</p>
<img alt="../../_images/1-new-style-gray.png" src="../../_images/1-new-style-gray.png" />
</div>
<div class="section" id="create-a-style">
<h2><a class="toc-backref" href="#id3">Create a Style</a><a class="headerlink" href="#create-a-style" title="Permalink to this headline"></a></h2>
<p><strong>1. Click Styles on the left menu</strong></p>
<img alt="../../_images/new-style-start.png" src="../../_images/new-style-start.png" />
<p><strong>2. Click the “Add new style” link</strong></p>
<img alt="../../_images/new-style-start-2.png" src="../../_images/new-style-start-2.png" />
<img alt="../../_images/spacer8.png" src="../../_images/spacer8.png" />
<p><strong>3. For name, enter WaterStyle. For Workspace, select postgis.</strong></p>
<img alt="../../_images/new-style-water.png" src="../../_images/new-style-water.png" />
<p><strong>4. In “Copy from existing style” dropdown, select green</strong></p>
<img alt="../../_images/new-style-green.png" src="../../_images/new-style-green.png" />
<img alt="../../_images/spacer8.png" src="../../_images/spacer8.png" />
<p><strong>5. Click the “copy” link to the right of the dropdown</strong></p>
<img alt="../../_images/new-style.png" src="../../_images/new-style.png" />
<img alt="../../_images/spacer8.png" src="../../_images/spacer8.png" />
<p><strong>6. As seen below, this loads the existing green style into the style editor. We will use this to create our WaterStyle blue.</strong></p>
<img alt="../../_images/new-style-2.png" src="../../_images/new-style-2.png" />
</div>
<div class="section" id="copy-an-existing-style">
<h2><a class="toc-backref" href="#id4">Copy an Existing Style</a><a class="headerlink" href="#copy-an-existing-style" title="Permalink to this headline"></a></h2>
<p>Now that we have loaded the green style to use as our template, we will update it to blue. To do so,</p>
<p><strong>1. Update the required lines, as shown below:</strong></p>
<img alt="../../_images/new-style-3.png" src="../../_images/new-style-3.png" />
<img alt="../../_images/spacer8.png" src="../../_images/spacer8.png" />
<p><strong>2. Click Validate to check for errors. If no errors, click the Save button. Your new Style, “Waterways” should now appear in the Styles list.</strong></p>
<img alt="../../_images/new-style-4.png" src="../../_images/new-style-4.png" />
<img alt="../../_images/spacer8.png" src="../../_images/spacer8.png" />
<img alt="../../_images/spacer8.png" src="../../_images/spacer8.png" />
</div>
<div class="section" id="apply-style">
<h2><a class="toc-backref" href="#id5">Apply Style</a><a class="headerlink" href="#apply-style" title="Permalink to this headline"></a></h2>
<p><strong>1. Click the Layers button in the left menu</strong></p>
<img alt="../../_images/spacer8.png" src="../../_images/spacer8.png" />
<p><strong>2. Select the waterways layer</strong></p>
<img alt="../../_images/new-style-5.png" src="../../_images/new-style-5.png" />
<p><strong>3. In the Publishing tab, select postgis:WaterStyle from the Default Style dropsown</strong></p>
<img alt="../../_images/new-style-6.png" src="../../_images/new-style-6.png" />
<img alt="../../_images/spacer8.png" src="../../_images/spacer8.png" />
<p><strong>4. On select, we should see the thumbnail reflect the blue color we chose above</strong></p>
<img alt="../../_images/select-syle-1.png" src="../../_images/select-syle-1.png" />
<img alt="../../_images/spacer8.png" src="../../_images/spacer8.png" />
<p><strong>5. Click the Save button.</strong></p>
<p>If we now preview our layer in Layer Preview, our layer is now blue.</p>
<img alt="../../_images/select-syle-2.png" src="../../_images/select-syle-2.png" />
<img alt="../../_images/spacer8.png" src="../../_images/spacer8.png" />
<img alt="../../_images/spacer8.png" src="../../_images/spacer8.png" />
</div>
</div>
</div>
</div>
<footer>
<div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
<a href="../../components/pgtileserv/index.html" class="btn btn-neutral float-right" title="pg_tileserv" accesskey="n" rel="next">Next <span class="fa fa-arrow-circle-right"></span></a>
<a href="../shp/index.html" class="btn btn-neutral float-left" title="Load ESRI Shapefile" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left"></span> Previous</a>
</div>
<hr/>
<div role="contentinfo">
<p>
&copy; Copyright acugis
<span class="commit">
Revision <code>db2a027e</code>.
</span>
</p>
</div>
Built with <a href="http://sphinx-doc.org/">Sphinx</a> using a <a href="https://github.com/rtfd/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org/">Read the Docs</a>.
</footer>
</div>
</div>
</section>
</div>
<div class="rst-versions" data-toggle="rst-versions" role="note" aria-label="versions">
<span class="rst-current-version" data-toggle="rst-current-version">
<span class="fa fa-book"> Read the Docs</span>
v: latest
<span class="fa fa-caret-down"></span>
</span>
<div class="rst-other-versions">
<dl>
<dt>Versions</dt>
<dd><a href="../../index.html">latest</a></dd>
</dl>
<dl>
<dt>Downloads</dt>
<dd><a href="http://geohelm.docs.acugis.com/_/downloads/en/latest/pdf/">pdf</a></dd>
<dd><a href="http://geohelm.docs.acugis.com/_/downloads/en/latest/htmlzip/">html</a></dd>
<dd><a href="http://geohelm.docs.acugis.com/_/downloads/en/latest/epub/">epub</a></dd>
</dl>
<dl>
<dt>On Read the Docs</dt>
<dd>
<a href="http://readthedocs.org/projects/geohelm/?fromdocs=geohelm">Project Home</a>
</dd>
<dd>
<a href="http://readthedocs.org/builds/geohelm/?fromdocs=geohelm">Builds</a>
</dd>
</dl>
</div>
</div>
<script type="text/javascript">
jQuery(function () {
SphinxRtdTheme.Navigation.enable(true);
});
</script>
</body>
<!-- Mirrored from geohelm.docs.acugis.com/en/latest/geoserver/styles/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 13 Jul 2023 23:22:42 GMT -->
</html>