Book Image

Primefaces Cookbook Second Edition

Book Image

Primefaces Cookbook Second Edition

Overview of this book

Table of Contents (20 chapters)
PrimeFaces Cookbook Second Edition
Credits
Foreword
Foreword
About the Authors
About the Reviewers
www.PacktPub.com
Preface
Index

Enabling InfoWindow and streetView on maps


The gmap component uses the gmapInfoWindow helper component to display a component that renders two markers with an information window attached.

How to do it…

A basic definition of gmap with the information window is given here:

<p:gmap id="withInformation" center="41.106261, 29.057465"
  zoom="10" type="roadmap" style="width:600px;height:400px"
  model="#{mapBean.markerModel}">
  <p:ajax event="overlaySelect" 
    listener="#{mapBean.selectMarker}" />
  <p:gmapInfoWindow id="infoWindow">
    <p:graphicImage 
      value="/resources/images/map/#{mapBean.selectedMarker.data}" />
  </p:gmapInfoWindow>
</p:gmap>

The visual output is shown here:

There's more…

It is possible to enable the street view by setting the streetView attribute to true. Then, the user will be able to drag the human icon onto the blue lines on the map, which depict the viewable streets/roads. This is shown in the following screenshot:

PrimeFaces Cookbook...