{"id":53,"date":"2007-06-26T08:52:10","date_gmt":"2007-06-26T11:52:10","guid":{"rendered":"http:\/\/www.fernandoquadro.com.br\/html\/2007\/06\/26\/geoserver-com-google-maps-parte-1\/"},"modified":"2016-06-27T10:48:53","modified_gmt":"2016-06-27T13:48:53","slug":"geoserver-com-google-maps-parte-1","status":"publish","type":"post","link":"https:\/\/www.fernandoquadro.com.br\/html\/2007\/06\/26\/geoserver-com-google-maps-parte-1\/","title":{"rendered":"GeoServer com Google Maps &#8211; Parte 1"},"content":{"rendered":"<p>A API do Google Maps pode ser utilizada para apresentar informa\u00e7\u00f5es do GeoServer atrav\u00e9s de WMS e\/ou WFS.<\/p>\n<p>Voc\u00ea pode us\u00e1-la como um cliente para mostrar apenas os dados vindos do GeoServer, mas \u00e9 claro que a grande vantagem \u00e9 utilizar os recursos da API, como as imagens e a base de dados de ruas dispon\u00edveis.<\/p>\n<p>Abaixo um breve tutorial sobre como apresentar os dados no Google Maps atrav\u00e9s do WMS.<\/p>\n<p><strong>Iniciando com Google Maps e GeoServer WMS<\/strong><\/p>\n<p>Pr\u00e9-requisito:<\/p>\n<p>Google Maps: Voc\u00ea precisar\u00e1 ir at\u00e9 a <a href=\"http:\/\/www.google.com\/apis\/maps\/\">seguinte p\u00e1gina<\/a> e cadastrar-se para obter a API Key e indicar o URL onde voc\u00ea ir\u00e1 disponibilizar o Mapa. Depois voc\u00ea colocar\u00e1 a informa\u00e7\u00e3o que foi gerado pela p\u00e1gina do Google Maps em um html\/javascript. Coloque este arquivo no endere\u00e7o onde voc\u00ea indicou, e voc\u00ea ter\u00e1 que visualizar um mapa. Caso na\u00f5 consiga consulte a <a href=\"http:\/\/www.google.com\/apis\/maps\/documentation\/\">documenta\u00e7\u00e3o<\/a>.<\/p>\n<p>GeoServer: Caso voc\u00ea n\u00e3o o tenha instalado em sua m\u00e1quina, fa\u00e7a o download, instale e coloque-o para rodar. Para este exemplo estaremos usando um layer padr\u00e3o, que vem na instala\u00e7\u00e3o.<\/p>\n<p>Modifica\u00e7\u00f5es: Uma vez realizados os passos acima, fa\u00e7a o <a href=\"https:\/\/svn.codehaus.org\/geoserver\/trunk\/geoserver\/web\/src\/main\/webapp\/gmaps\/wms-gs.js\">download do arquivo gs-wms.js<\/a> e coloque-o no mesmo diret\u00f3rio do seu arquivo Google Maps (que foi criado anteriormente).<\/p>\n<p>Depois que o GeoSever e o Google Maps estiverem configurados, e com o arquivo gs-wms.js juntamente com o arquivo html gerado pelo Google Maps, \u00e9 necess\u00e1rio apenas colocar o c\u00f3digo abaixo no body do seu html:<\/p>\n<p><center><a href='http:\/\/www.fernandoquadro.com.br\/html\/wp-content\/uploads\/2007\/06\/gmap01.PNG' title='C\u00f3digo Google Maps'><img src='http:\/\/www.fernandoquadro.com.br\/html\/wp-content\/uploads\/2007\/06\/gmap01.PNG' alt='C\u00f3digo Google Maps' \/><\/a><\/center><\/p>\n<p>Troque o atributo titleCountry.myBaseURL pela URL do seu servi\u00e7o de WMS onde o GeoServer est\u00e1 rodando.<\/p>\n<p>Caso tenha realizado todos os passos corretamente, voc\u00ea dever\u00e1 estar vendo a seguinte imagem:<\/p>\n<p><center><a href='http:\/\/www.fernandoquadro.com.br\/html\/wp-content\/uploads\/2007\/06\/gmap02.PNG' title='Google Maps'><img src='http:\/\/www.fernandoquadro.com.br\/html\/wp-content\/uploads\/2007\/06\/gmap02.PNG' alt='Google Maps' \/><\/a><\/center><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A API do Google Maps pode ser utilizada para apresentar informa\u00e7\u00f5es do GeoServer atrav\u00e9s de WMS e\/ou WFS. Voc\u00ea pode us\u00e1-la como um cliente para mostrar apenas os dados vindos do GeoServer, mas \u00e9 claro que a grande vantagem \u00e9&#8230; <a class=\"more-link\" href=\"https:\/\/www.fernandoquadro.com.br\/html\/2007\/06\/26\/geoserver-com-google-maps-parte-1\/\">Continue Reading &rarr;<\/a><\/p>\n","protected":false},"author":275,"featured_media":5738,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,6],"tags":[208,223],"class_list":["post-53","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-geoserver","category-tecnologia","tag-geoserver","tag-gis"],"_links":{"self":[{"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/posts\/53","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=53"}],"version-history":[{"count":1,"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/posts\/53\/revisions"}],"predecessor-version":[{"id":3511,"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/posts\/53\/revisions\/3511"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/media\/5738"}],"wp:attachment":[{"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/media?parent=53"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/categories?post=53"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/tags?post=53"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}