PrimeFaces Cookbook - Second Edition

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 ...