Início > Sem categoria > css nos mapinhas!

css nos mapinhas!

Uma das features mais criticadas pelos usuário do servidor de mapas geoserver é a dificuldades em se trabalhar com o formato SLD para estilizar os seus  mapas. Por utilizar o formato xml o padrão SLD é bastante verboso possuindo uma estrutura descritiva de alta complexidade dificultando assim o seu entendimento principalmente por parte dos designers responsáveis pela estilização. A partir destas dificuldades foi implementada uma extensão para o geoserver que permite definir estilos a partir de uma sintax css.

Abaixo segue um exemplo do nível de simplicação atingido pelo novo formato

a) Formato SLD

<?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 Roads</Name>
    <UserStyle>
      <Title>Default Styler for simple road segments</Title>
      <Abstract>Light red line, 2px wide</Abstract>
      <FeatureTypeStyle>
        <Rule>
          <Title>Roads</Title>
          <LineSymbolizer>
            <Stroke>
              <CssParameter name="stroke">
                <ogc:Literal>#AA3333</ogc:Literal>
              </CssParameter>
              <CssParameter name="stroke-width">
                <ogc:Literal>2</ogc:Literal>
              </CssParameter>
            </Stroke>
          </LineSymbolizer>
        </Rule>
      </FeatureTypeStyle>
    </UserStyle>
  </NamedLayer>
</StyledLayerDescriptor>

b) O equivalente em CSS

/* @title Default styler for simple road segments
 * @abstract Light red line, 2px wide
 */
* {
  stroke: #AA3333;
  stroke-width: 2px;
}

A nova extensão pode ser baixada para a versão 2.0.0 ou superior. O tutorial de instalação está disponível também para ser baixado. As instruções para utilização foram incorporadas ao tutorial do geoserver na seção CSS.

Este tipo de atitude tem como principal objetivo aumentar a sinergia entre o mundo dos padrões GISWEB e os padrões da web tradicional trazendo perfis como exemplo os designers para dentro dos projetos em GIS com uma curva de aprendizado bastante reduzida.

Fonte: blog geoserver

Anúncios
Categorias:Sem categoria
  1. Nenhum comentário ainda.
  1. No trackbacks yet.

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

%d blogueiros gostam disto: