terça-feira, 16 de julho de 2013

OpenLayers 3, o que vem por aí !!!

Olá galera,

Fiquei um tempo distante e sem postar nada devido a estar enrolado com alguns projetos. Estou dando uma passada rápida para falar sobre o OpenLayers 3 que se encontra em fase alpha.

No post Criando um cluster com Openlayers, há um bom trecho de código exibindo como é feito na versão 2.

O OpenLayers 3 foi reescrito completamente com base nas tecnologias mais recentes como HTML5, WebGL e CSS3. O que pude perceber nessa nova versão é que o código ficou muito mais limpo e simplificado. Abaixo segue um trecho de código na nova versão

  map = ol.map({
    renderTo: 'map',
    layers: [ol.layer.osm()],
    center: [5, 45],
    zoom: 10
  });
  

O mesmo código pode ser escrito da seguinte forma.

  map = ol.map()
    .renderTo('map')
    .layers([ol.layer.osm()])
    .center([5, 45])
    .zoom(10);
  

Caso alguém queira iniciar os teste com a nova versão, basta inserir o código abaixo dentro da tag <head/>

  <link rel="stylesheet" href="http://ol3js.org/en/r3.0.0-alpha.3/build/ol.css" type="text/css">
  <script src="http://ol3js.org/en/r3.0.0-alpha.3/build/ol.js"></script>
  

Fiz um pequeno exemplo de como ficaria o código final que pode ser baixado aqui.

Um abraço e até a próxima.

Nenhum comentário:

Postar um comentário