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.

Tutoriais na mesma categoria

Campo Avaliação na Consulta

  Neste tutorial, você verá como usar os campos de avaliação em uma aplicação de Consul...

Campo Avaliação no Resumo

  Neste tutorial, você verá como criar um Resumo usando os campos de Avaliação. Podemos ...

Barra de ferramentas fixa

  Neste exemplo, vamos desenvolver um relatório usando uma barra de ferramentas fixa na parte...

Agrupamento de campos

  ol{margin:0;padding:0}table td,table th{padding:0}.c1{color:#000000;font-weight:400;text-d...

Comente este post