Tutorial: Google Maps nas Consultas

Neste exemplo, veremos a utilização da API Google Maps em uma aplicação de Consulta.

Criando a Consulta

1. Primeiro vamos criar uma aplicação de Consulta baseada na tabela “customers”.

2. Nas configurações dos Módulos, vamos selecionar apenas o módulo de Consulta. Orientação “Slide” e exibiremos apenas 1 linha por página.

3. Acesse “Layout>>Blocos” para criar um novo bloco, onde exibiremos o mapa.

4. Em “Editar Campos”, selecione os seguintes campos no primeiro bloco, retire os demais da exibição.

Criando um Novo Campo

5. Agora vamos criar um novo campo na aplicação para exibir o mapa.

6. Selecione o tipo “Google Maps” para o campo.

7. Depois, vamos as configurações do campo criado. O Scriptcase fornece 3 modos de utilização do campo “Google Maps”: “Geocode”, “Latitude e Longitude” e “URL”. 

  • Geocode: indica quais campos da Consulta fornecem o endereço. Ele será transformado em coordenadas geográficas por sua localização no mapa.
  • URL: define o campo do aplicativo que contém o URL do local.
  • Latitude e Longitude: Define os campos que contém a Latitude e Longitude do local.

8. Neste exemplo, utilizaremos Geocode e selecionaremos os campos “Country” e “Address” para definir as coordenadas, selecionamos para exibir o mapa na Grid, definimos uma largura e altura para o mapa e finalmente, insira sua Chave da API.

Nota: A API Key é uma chave única, formada por uma string (texto) alfanumérica, que nada mais é do que a licença de uso deste serviço. Quando você se inscreve para usar o serviço, a chave é vinculada a um domínio e um diretório no servidor. Todas as páginas que forem utilizar a API deve estar abaixo do diretório que foi usado neste cadastro.


Caso você tenha um servidor web em sua máquina, é só adquirir uma chave para testes locais, e para isso é só colocar http://localhost no campo do domínio durante o cadastro.

Para pegar a sua API Key é só entrar no site: http://code.google.com/intl/pt-BR/apis/maps/signup.html

9. Em seguida, devemos salvar e executar a aplicação.

Compartilhe este tutorial

Tutoriais na mesma categoria

Card View HTML (Formato Livre)

Neste exemplo, veremos o recurso do Scriptcase que permite utilizar templates HTML para visualizar ...

Colunas Fixas no Resumo

Neste exemplo, veremos a opção de fixar colunas no módulo de Resumo das aplicações de Consulta...

Salvando Visualizações de Relatório

Neste exemplo, veremos as opções disponíveis para o usuário final armazenar em sessão ou em ar...

Renomeando arquivos de exportação

Os arquivos resultantes das exportações realizadas na consulta, são armazenados no diretório&nb...

Comente este post