To use the google maps field on a form is similar to the grid, we will need to create a new field, select the exhibition mode and then select what fields will compose the exhibition.

1) Inside fields menu, create a new field, just one.

google_maps_001

2) Set the field as Google maps then set a name and a label

google_maps_002

3) With the field settings open we must select the exhibition mode and what fields will compose this exhibition, there is three different exhibition modes:
GeoCode – Indicates which fields of the Grid provide address.Will be transformed into geographic coordinates for its location on the map.

URL – Defines the field of application that contains the url of the location.

Latitude – Sets the field that contains the latitude of the location.
Longitude – Sets the field that contains the longitude of the location.

google_maps_003

4) We need to set up the Google Maps API key on their site, to do so follow the steps below.

Note: The API Key is a unique key composed of a string (text) alphanumeric, which is nothing more than the license to use this service. When you register to use the service, the key is tied to a domain and a directory on the server. All pages that are using the API must be below the directory that was used in this register.

If you have a web server on your machine, you just get a key for local tests, and that’s just put http://localhost in the field of the field during registration.

 

To get your API Key is just to enter the site:
http://code.google.com/intl/en/apis/maps/signup.html

Inform the domain wich will receive the API:

 

You will receive the Key to this domain:
 

 

Learn more about this and other features that Scripcase offers. Do you already know Scriptcase? Download the free version of our tool and discover a world of new possibilities.

To learn more about different fields on Scriptcase do not miss our webinar about “Google Maps on Scriptcase” this Friday (23/05/2014 ), on the webinar you can interact directly with the presenter and take all your questions. REGISTER NOW

You might also like…

PROCESAMIENTO AJAX EN SCRIPTCASE

Ajax en los formularios de Scriptcase puede usarse para recargar un campo de tipo de select basado e...

IMPORTAR IMAGENES DE LA BASE DE DATOS Y UTILIZAR CLASES DE BOOSTRAP

Como muchas personas ya saben, Bootstrap es una biblioteca de front-end libre y de código abierto p...

TENDENCIAS DE DESARROLLO WEB PARA 2017

Usted verá en este post tendencias para 2017 en Diseño Web, en el medio digital y en el desarrollo...

Comment this post

Get new posts, resources, offers and more each week.

We will use the information you provide to update you about our Newsletter and Special Offers. You can unsubscribe any time you want by clinck in a link in the footer of any email you receive from us, or by contacting us at sales@scriptcase.net. Learn more about our Privacy Police.