Google Maps no Maker

O maior serviço gratuito de pesquisa e visualização de mapas e imagens de satélite da terra, fornecido pelo Google pode também ser utilizado no Maker. O objetivo desse post será mostrar a possibilidade de integração de qualquer aplicação Maker com o Google Maps API. Para esse post desenvolvi uma biblioteca JS e algumas funções para que possa ser feita a utilização desse poderoso recurso em nossas aplicações.

Antes de tudo vamos adicionar os arquivos necessários ao contexto em que estamos trabalhando. Para isso criei uma pasta Maker.commons onde coloco todos os arquivos que necessito. Para maiores informações sobre a utilização da pasta Maker.commons, acesse o link da documentação disponibilizada pela Softwell: http://suporte.softwell.com.br/maker/manual2_6/pt/dicas_e_truques/webrun/utilizacao_da_pasta_maker_commons.htm

No formulário utilizado para este exemplo vinculei um fluxo no evento "Ao entrar" para incluir as bibliotecas utilizadas. No fluxo vinculado ao evento "Ao entrar" utilizo a função "Executar javascript". Neste exemplo o código JS utilizado ficou da seguinte maneira:

webrun.include("googlemaps/googlemaps.js?sensor=false");

webrun.include("googlemaps/gmapsfunctions.js");

Após adicionar a biblioteca podemos utilizar as funções desenvolvidas neste exemplo para manipular a exibição do nosso mapa. Criei as seguintes funções:

1. Google maps - Iniciar mapa >> Essa função é utilizada para poder inicializar o mapa no qual iremos trabalhar. O uso desta função é obrigatório, sendo que nenhuma outra funcionará caso o mapa não tenha sido inicializado.

2. Google maps - Definir centro >>  Está função é responsável por definir qual ponto do mapa deverá aparecer no centro. Deverão ser passadas as coordenas dos ponto que se deseja definir como centro do mapa.

3. Google maps - Definir zoom >> Utilizada para manipular o zoom da exibição.

4. Google maps - Marcar ponto no mapa >> Utilizada para adicionar um marcador em um ponto especifico do mapa. O parâmetro passado para esta função deverá ser em JSON. Veja na documentação da API os parâmetros que podem ser utilizados (https://developers.google.com/maps/documentation/javascript/reference?hl=pt-br).

Bom pessoal deu para perceber que integrar nossas aplicações Maker com a API de mapas do google não é tão difícil assim. Um abraço e até o próximo post.

Os arquivos deste post podem ser obtidos no link abaixo.

https://rapidshare.com/files/833319290/Exemplo%20-%20Google%20maps.rar