-
Book Overview & Buying
-
Table Of Contents
PrimeFaces Cookbook
By :
The gmap component provides ways to integrate Google Maps into JSF applications. It is built upon Google Maps API V3.
In order to use the component, the Google Maps API script should be referenced from the page, ideally in the header section.
<script src="http://maps.google.com/maps/api/js?sensor=true" type="text/javascript"></script>
The sensor parameter in the URL is mandatory and it specifies whether the application requires a sensor, such as a GPS locator.
A simple definition for a placing a map canvas on the page will be as follows:
<p:gmap center="41.106261, 29.057465" zoom="10" type="hybrid" style="width:600px;height:400px" />
This output will be rendered as follows:

The gmap component depicts the four attributes that should be set, as shown in the previous example, in order to use the map canvas properly. The center attribute defines the center of the map in [latitude, longitude] format. The zoom attribute defines...
Change the font size
Change margin width
Change background colour