New Field Google Map in a Grid Application

1. To display the Google Maps in a Grid Application, first we will create a new field on the Grid.


2. Select Google Maps type.


3. Then we must edit the field settings.


4. We have 3 ways to use a Google Maps field: Geocode, Latitude and Longitude and URL.


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.

5. In this example we will use Geocode and select Country, City and Address fields to get the location.


6. Select to display it on the Grid.


7. Then place your API Key on the field


Note: API Key is a unique key composed of a string (text) alphanumeric, which is nothing more than a license to use this service. When you sign up to use the service, the key is joined to a domain and a directory on the server. All pages that use the API must be under the directory that was used to 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 domain field during the registration.

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


Tutorials in the same category

Grid using infinite scroll with fixed height

In this tutorial we will be creating a Grid with infinite scroll with a fixed height. Creati...

Grid slide using infinite scroll

In this tutorial we will see how to create a Slide Grid / Report with Infinite Scroll to display im...

Grid using infinite scroll

1. We must create a new Grid application 2. Then we proceed to configure the Grid Module, wh...

Filter with buttons inline

In this tutorial we will see how to use the Filter and a Grid in the same window and the Filter but...

Comment this post