{"id":1183,"date":"2008-12-29T09:36:00","date_gmt":"2008-12-29T12:36:00","guid":{"rendered":"http:\/\/www.fernandoquadro.com.br\/html\/?p=1183"},"modified":"2008-12-29T09:43:49","modified_gmt":"2008-12-29T12:43:49","slug":"introducao-ao-openlayers-parte-4","status":"publish","type":"post","link":"https:\/\/www.fernandoquadro.com.br\/html\/2008\/12\/29\/introducao-ao-openlayers-parte-4\/","title":{"rendered":"Introdu\u00e7\u00e3o ao OpenLayers: Vetores"},"content":{"rendered":"

No m\u00f3dulo 2 n\u00f3s vimos que era possivel carregar imagens atrav\u00e9s do WMS, e tamb\u00e9m carregar as fei\u00e7\u00f5es das geometrias atrav\u00e9s do WFS. Neste m\u00f3dulo iremos explorar um pouco as funcionalidades do OpenLayers quando se trata de dados vetoriais.<\/p>\n

M\u00f3dulo 4: Vetores<\/strong><\/p>\n

1. Formatos Vetoriais<\/strong><\/em><\/p>\n

Com o OpenLayers \u00e9 poss\u00edvel ler e escrever em diversos formatos de dados vetoriais serializ\u00e1veis como o GeoJSON, KML, GeoRSS, GML e WKT.<\/p>\n

\"\"<\/p>\n

Voc\u00ea pode tamb\u00e9m utilizar as ferramentas de desenho para desenhar pontos, linhas e pol\u00edgonos no seu mapa, n\u00e3o apenas para cria\u00e7\u00e3o, como tamb\u00e9m para edi\u00e7\u00e3o das fei\u00e7\u00f5es e dos seus atributos.<\/p>\n

Se voc\u00ea possuir o Google Earth, poder\u00e1 visualizar suas camadas nele, bastanto para isso que voc\u00ea gere um KML (atrav\u00e9s de uma requisi\u00e7\u00e3o WMS, ou indo diretamente no cliente OpenLayers do seu GeoServer), e abra-o no Google Earth.<\/p>\n

2. Estilos<\/strong><\/em><\/p>\n

Uma das raz\u00f5es para utilizar dados vetoriais, \u00e9 que com o OpenLayers voc\u00ea tem o poder de controlar o seu estilo, ou seja, a forma como ele ir\u00e1 aparecer no mapa para o cliente.<\/p>\n

Por padr\u00e3o, as fei\u00e7\u00f5es desenhadas pelo OpenLayers s\u00e3o laranja. Por\u00e9m os estilos s\u00e3o totalmente customiz\u00e1veis, bastando para isso que voc\u00ea tenha um arquivo JavaScript definindo o estilo, ou um arquivo de estilos externo (um SLD do GeoServer, por exemplo).<\/p>\n

O exemplo abaixo foi gerado a partir de uma requisi\u00e7\u00e3o WFS ao GeoServer. A camada foi desenhada utilizando cores baseadas na popula\u00e7\u00e3o.<\/p>\n

\"\"<\/p>\n

Veja no c\u00f3digo fonte do exemplo que adicionamos um nova propriedade:<\/p>\n

\"\"<\/p>\n

A propriedade styleMap do layer foi setada para myStyleMap, veja:<\/p>\n

\"\"<\/p>\n

Neste caso n\u00f3s inicializamos o StyleMap com um hash de estilos. Este hash pode possuir as seguintes propriedades:<\/p>\n