{"id":1772,"date":"2009-02-04T12:23:48","date_gmt":"2009-02-04T15:23:48","guid":{"rendered":"http:\/\/www.fernandoquadro.com.br\/html\/?page_id=1772"},"modified":"2026-04-22T17:51:28","modified_gmt":"2026-04-22T20:51:28","slug":"openlayers","status":"publish","type":"page","link":"https:\/\/www.fernandoquadro.com.br\/html\/open-source-gis\/openlayers\/","title":{"rendered":"OpenLayers"},"content":{"rendered":"<p><a href=\"http:\/\/www.openlayers.org\">OpenLayers<\/a> \u00e9 uma biblioteca JavaScript Open Source para exibir dados espacias em p\u00e1ginas web. Ele fornece uma API para construir aplica\u00e7\u00f5es geograficas baseadas na web semelhantes ao Google Maps e ao Bing Maps. <\/p>\n<p>O OpenLayers pode obter dados de diversos recursos, tais como: Web Map Service, Web Feature Service, Google Maps, OpenStreetMap, Bing Maps, Yahoo! Maps, MapServer, GeoServer, ka-Map, World Wind servers, al\u00e9m de possuir suporte \u00e0 GeoRSS, navega\u00e7\u00e3o tanto pelo mouse quanto pelo teclado, adi\u00e7\u00e3o de marcadores e sele\u00e7\u00e3o de layers.<\/p>\n<p><center><br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.fernandoquadro.com.br\/html\/wp-content\/uploads\/2009\/02\/ol3-rotation-1024x329.png\" alt=\"ol3-rotation\" width=\"676\" height=\"217\" class=\"aligncenter size-large wp-image-5803\" srcset=\"https:\/\/www.fernandoquadro.com.br\/html\/wp-content\/uploads\/2009\/02\/ol3-rotation-1024x329.png 1024w, https:\/\/www.fernandoquadro.com.br\/html\/wp-content\/uploads\/2009\/02\/ol3-rotation-300x96.png 300w, https:\/\/www.fernandoquadro.com.br\/html\/wp-content\/uploads\/2009\/02\/ol3-rotation-768x247.png 768w, https:\/\/www.fernandoquadro.com.br\/html\/wp-content\/uploads\/2009\/02\/ol3-rotation-945x304.png 945w, https:\/\/www.fernandoquadro.com.br\/html\/wp-content\/uploads\/2009\/02\/ol3-rotation-600x193.png 600w, https:\/\/www.fernandoquadro.com.br\/html\/wp-content\/uploads\/2009\/02\/ol3-rotation.png 1235w\" sizes=\"auto, (max-width: 676px) 100vw, 676px\" \/><br \/>\n<\/center><\/p>\n<p>O OpenLayers foi criado pela MetaCarta depois do  O&#8217;Reilly Where 2.0 Conference em junho de 2005, e sua primeira vers\u00e3o released foi disponibilizada em junho de 2006 antes do Where 2.0 Conference. A MetaCarta \u00e9 a principal empresa envolvida com o OpenLayers dando suporte e gerenciando o projeto. Desde novembro de 2007 o OpenLayers virou um projeto da OSGeo (Open Source Geospatial Foundation).<\/p>\n<p>Se voc\u00ea est\u00e1 a procura de material sobre o OpenLayers 2, veja os links a seguir:<\/p>\n<p>&#8211; <a href=\"http:\/\/www.fernandoquadro.com.br\/html\/2008\/12\/22\/introducao-ao-openlayers-parte-1\/\">Introdu\u00e7\u00e3o ao OpenLayers 2: B\u00e1sico<\/a><br \/>\n&#8211; <a href=\"http:\/\/www.fernandoquadro.com.br\/html\/2008\/12\/23\/introducao-ao-openlayers-parte-2\/\">Introdu\u00e7\u00e3o ao OpenLayers 2: Layers<\/a><br \/>\n&#8211; <a href=\"http:\/\/www.fernandoquadro.com.br\/html\/2008\/12\/26\/introducao-ao-openlayers-parte-3\/\">Introdu\u00e7\u00e3o ao OpenLayers 2: Controle<\/a><br \/>\n&#8211; <a href=\"http:\/\/www.fernandoquadro.com.br\/html\/2008\/12\/29\/introducao-ao-openlayers-parte-4\/\">Introdu\u00e7\u00e3o ao OpenLayers 2: Vetores<\/a><br \/>\n&#8211; <a href=\"http:\/\/www.fernandoquadro.com.br\/html\/2009\/01\/01\/introducao-ao-openlayers-parte-5\/\">Introdu\u00e7\u00e3o ao OpenLayers 2: Propriedades da Layer<\/a><br \/>\n&#8211; <a href=\"http:\/\/www.fernandoquadro.com.br\/html\/2009\/01\/02\/introducao-ao-openlayers-parte-6\/\">Introdu\u00e7\u00e3o ao OpenLayers 2: Integra\u00e7\u00e3o<\/a><br \/>\n&#8211; <a href=\"http:\/\/www.fernandoquadro.com.br\/html\/2008\/12\/04\/openlayers-architect\/\">OpenLayers Architect<\/a><br \/>\n&#8211; <a href=\"http:\/\/dev.openlayers.org\/examples\/\">Exemplos de aplica\u00e7\u00f5es com OpenLayers<\/a><\/p>\n<p>Em 2014 foi lan\u00e7ada uma nova vers\u00e3o, totalmente redesenhada, muito mais moderna que \u00e9 o OpenLayers 3. Veja alguns posts sobre esta nova vers\u00e3o:<\/p>\n<p>&#8211; <a href=\"http:\/\/www.fernandoquadro.com.br\/html\/2016\/05\/18\/introducao-ao-openlayers-3-basico\/\" target=\"_blank\" rel=\"noopener\">Introdu\u00e7\u00e3o ao OpenLayers 3: B\u00e1sico<\/a><br \/>\n&#8211; <a href=\"http:\/\/www.fernandoquadro.com.br\/html\/2016\/05\/19\/introducao-ao-openlayers-3-layers\/\" target=\"_blank\" rel=\"noopener\">Introdu\u00e7\u00e3o ao OpenLayers 3: Layers<\/a><br \/>\n&#8211; <a href=\"http:\/\/www.fernandoquadro.com.br\/html\/2016\/05\/20\/introducao-ao-openlayers-3-cache\/\" target=\"_blank\" rel=\"noopener\">Introdu\u00e7\u00e3o ao OpenLayers 3: Cache<\/a><br \/>\n&#8211; <a href=\"http:\/\/www.fernandoquadro.com.br\/html\/2016\/05\/23\/introducao-ao-openlayers-3-raster\/\" target=\"_blank\" rel=\"noopener\">Introdu\u00e7\u00e3o ao OpenLayers 3: Raster <\/a><br \/>\n&#8211; <a href=\"http:\/\/www.fernandoquadro.com.br\/html\/2016\/05\/24\/introducao-ao-openlayers-3-vetores\/\" target=\"_blank\" rel=\"noopener\">Introdu\u00e7\u00e3o ao OpenLayers 3: Vetores<\/a><br \/>\n&#8211; <a href=\"http:\/\/www.fernandoquadro.com.br\/html\/2016\/05\/25\/introducao-ao-openlayers-3-controles\/\" target=\"_blank\" rel=\"noopener\">Introdu\u00e7\u00e3o ao OpenLayers 3: Controles<\/a><br \/>\n&#8211; <a href=\"http:\/\/www.fernandoquadro.com.br\/html\/2016\/05\/31\/introducao-ao-openlayers-3-desenhando\/\" target=\"_blank\" rel=\"noopener\">Introdu\u00e7\u00e3o ao OpenLayers 3: Desenhando<\/a><br \/>\n&#8211; <a href=\"http:\/\/www.fernandoquadro.com.br\/html\/2016\/06\/01\/introducao-ao-openlayers-3-estilo\/\" target=\"_blank\" rel=\"noopener\">Introdu\u00e7\u00e3o ao OpenLayers 3: Estilos<\/a><br \/>\n&#8211; <a href=\"http:\/\/www.fernandoquadro.com.br\/html\/2016\/06\/02\/introducao-ao-openlayers-3-livros\/\" target=\"_blank\" rel=\"noopener\">Introdu\u00e7\u00e3o ao OpenLayers 3: Livros<\/a><br \/>\n&#8211; <a href=\"http:\/\/www.fernandoquadro.com.br\/html\/2016\/06\/27\/integracao-do-google-maps-com-o-openlayers-3\/\" target=\"_blank\" rel=\"noopener\">Integra\u00e7\u00e3o do Google Maps com o OpenLayers 3<\/a><br \/>\n&#8211; <a href=\"http:\/\/www.fernandoquadro.com.br\/html\/2018\/04\/25\/adicionando-layer-switcher-no-openlayers-3\/\" target=\"_blank\" rel=\"noopener\">Adicionando layer switcher no OpenLayers 3<\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.fernandoquadro.com.br\/html\/wp-content\/uploads\/2009\/02\/OpenLayers3_Books.png\" alt=\"OpenLayers3_Books\" width=\"905\" height=\"371\" class=\"aligncenter size-full wp-image-5456\" srcset=\"https:\/\/www.fernandoquadro.com.br\/html\/wp-content\/uploads\/2009\/02\/OpenLayers3_Books.png 905w, https:\/\/www.fernandoquadro.com.br\/html\/wp-content\/uploads\/2009\/02\/OpenLayers3_Books-300x123.png 300w, https:\/\/www.fernandoquadro.com.br\/html\/wp-content\/uploads\/2009\/02\/OpenLayers3_Books-768x315.png 768w, https:\/\/www.fernandoquadro.com.br\/html\/wp-content\/uploads\/2009\/02\/OpenLayers3_Books-600x246.png 600w\" sizes=\"auto, (max-width: 905px) 100vw, 905px\" \/><\/p>\n<p>Ap\u00f3s ler todo esse material, \u00e9 provavel que d\u00favidas apare\u00e7am, ent\u00e3o eu sugiro que voc\u00ea entre na lista de discuss\u00e3o <a href=\"http:\/\/tech.groups.yahoo.com\/group\/geoserver\">GeoServer-BR<\/a>, que al\u00e9m de falar sobre o GeoServer, tamb\u00e9m fala sobre o OpenLayers, que \u00e9 um dos front-ends mais utilizados em conjunto com o GeoServer.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>OpenLayers \u00e9 uma biblioteca JavaScript Open Source para exibir dados espacias em p\u00e1ginas web. Ele fornece uma API para construir aplica\u00e7\u00f5es geograficas baseadas na web semelhantes ao Google Maps e ao Bing Maps. O OpenLayers pode obter dados de diversos&#8230; <a class=\"more-link\" href=\"https:\/\/www.fernandoquadro.com.br\/html\/open-source-gis\/openlayers\/\">Continue Reading &rarr;<\/a><\/p>\n","protected":false},"author":275,"featured_media":5334,"parent":10308,"menu_order":4,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1772","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/pages\/1772","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/users\/275"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/comments?post=1772"}],"version-history":[{"count":21,"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/pages\/1772\/revisions"}],"predecessor-version":[{"id":9684,"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/pages\/1772\/revisions\/9684"}],"up":[{"embeddable":true,"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/pages\/10308"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/media\/5334"}],"wp:attachment":[{"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/media?parent=1772"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}