{"id":1185,"date":"2009-01-02T00:04:04","date_gmt":"2009-01-02T03:04:04","guid":{"rendered":"http:\/\/www.fernandoquadro.com.br\/html\/?p=1185"},"modified":"2009-01-06T09:20:51","modified_gmt":"2009-01-06T12:20:51","slug":"introducao-ao-openlayers-parte-6","status":"publish","type":"post","link":"https:\/\/www.fernandoquadro.com.br\/html\/2009\/01\/02\/introducao-ao-openlayers-parte-6\/","title":{"rendered":"Introdu\u00e7\u00e3o ao OpenLayers: Integra\u00e7\u00e3o"},"content":{"rendered":"<p>Ap\u00f3s ver os outros m\u00f3dulos, com certeza, voc\u00ea j\u00e1 est\u00e1 conseguindo montar seus dados atrav\u00e9s de camadas WMS, WFS. Por\u00e9m, passando essa etapa, voc\u00ea provavelmente vai querer dar um &#8220;tapa&#8221; na sua aplica\u00e7\u00e3o, e deixar ela com uma interface mais amig\u00e1vel. <\/p>\n<p>Hoje existem algumas bibliotecas JavaScript que possibilitam alguns recursos interessantes apartir do AJAX, como as bibliotecas jQuery e ExtJS.<\/p>\n<p>Como n\u00e3o tenho dom\u00ednio nas duas bibliotecas citadas acima, irei deixar alguns links, onde voc\u00eas poder\u00e3o pesquisar mais afundo como realizar essa integra\u00e7\u00e3o, a id\u00e9ia deste post \u00e9 infomar o que \u00e9 poss\u00edvel.<\/p>\n<p><em><strong>1. jQuery<\/strong><\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.fernandoquadro.com.br\/html\/wp-content\/uploads\/2008\/12\/openlayers_integracao_01.png\" alt=\"OpenLayers com jQuery\" title=\"OpenLayers com jQuery\" width=\"525\" height=\"249\" class=\"alignnone size-full wp-image-1534\" srcset=\"https:\/\/www.fernandoquadro.com.br\/html\/wp-content\/uploads\/2008\/12\/openlayers_integracao_01.png 623w, https:\/\/www.fernandoquadro.com.br\/html\/wp-content\/uploads\/2008\/12\/openlayers_integracao_01-300x143.png 300w, https:\/\/www.fernandoquadro.com.br\/html\/wp-content\/uploads\/2008\/12\/openlayers_integracao_01-600x285.png 600w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><\/p>\n<ul class=\"simple\">\n<li>jQuery <a class=\"reference external\" href=\"http:\/\/jquery.com\/\">http:\/\/jquery.com\/<\/a><\/li>\n<li>jQuery UI <a class=\"reference external\" href=\"http:\/\/ui.jquery.com\/\">http:\/\/ui.jquery.com\/<\/a><\/li>\n<li>jQuery UI Docs <a class=\"reference external\" href=\"http:\/\/docs.jquery.com\/UI\">http:\/\/docs.jquery.com\/UI<\/a><\/li>\n<\/ul>\n<p><em><strong>2. ExtJS<\/strong><\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.fernandoquadro.com.br\/html\/wp-content\/uploads\/2008\/12\/openlayers_integracao_02.png\" alt=\"OpenLayers com ExtJS\" title=\"OpenLayers com ExtJS\" width=\"525\" height=\"249\" class=\"alignnone size-full wp-image-1533\" srcset=\"https:\/\/www.fernandoquadro.com.br\/html\/wp-content\/uploads\/2008\/12\/openlayers_integracao_02.png 623w, https:\/\/www.fernandoquadro.com.br\/html\/wp-content\/uploads\/2008\/12\/openlayers_integracao_02-300x142.png 300w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><\/p>\n<ul class=\"simple\">\n<li>Ext JS overview <a class=\"reference external\" href=\"http:\/\/extjs.com\/products\/extjs\/\">http:\/\/extjs.com\/products\/extjs\/<\/a><\/li>\n<li>Ext JS Exemplos<a class=\"reference external\" href=\"http:\/\/extjs.com\/deploy\/dev\/examples\/\">http:\/\/extjs.com\/deploy\/dev\/examples\/<\/a><\/li>\n<li>Ext JS Documenta\u00e7\u00e3o <a class=\"reference external\" href=\"http:\/\/extjs.com\/deploy\/dev\/docs\/\">http:\/\/extjs.com\/deploy\/dev\/docs\/<\/a><\/li>\n<\/ul>\n<p>Termina aqui ent\u00e3o a s\u00e9rie de posts sobre o OpenLayers, espero que elas sejam \u00fateis, e consigam dar uma no\u00e7\u00e3o inicial de como explorar este grande framework.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ap\u00f3s ver os outros m\u00f3dulos, com certeza, voc\u00ea j\u00e1 est\u00e1 conseguindo montar seus dados atrav\u00e9s de camadas WMS, WFS. Por\u00e9m, passando essa etapa, voc\u00ea provavelmente vai querer dar um &#8220;tapa&#8221; na sua aplica\u00e7\u00e3o, e deixar ela com uma interface mais&#8230; <a class=\"more-link\" href=\"https:\/\/www.fernandoquadro.com.br\/html\/2009\/01\/02\/introducao-ao-openlayers-parte-6\/\">Continue Reading &rarr;<\/a><\/p>\n","protected":false},"author":275,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[132,30],"tags":[144],"class_list":["post-1185","post","type-post","status-publish","format-standard","hentry","category-openlayers","category-tutorial","tag-introducao-openlayers"],"_links":{"self":[{"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/posts\/1185","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/types\/post"}],"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=1185"}],"version-history":[{"count":9,"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/posts\/1185\/revisions"}],"predecessor-version":[{"id":1592,"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/posts\/1185\/revisions\/1592"}],"wp:attachment":[{"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/media?parent=1185"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/categories?post=1185"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/tags?post=1185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}