O'Reilly logo

PrimeFaces Cookbook by Mert Çalışkan, Oleg Varaksin

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Mapping with Google Maps

The gmap component provides ways to integrate Google Maps into JSF applications. It is built upon Google Maps API V3.

How to do it...

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:

How it works…

The gmap component depicts ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required