GMap - Info Window

When a marker is selected, an info window can be displayed to provide detailed information.

Source

<h:form>

    <p:gmap center="36.890257,30.707417" zoom="13" type="HYBRID" model="#{mapBean.advancedModel}" style="width:600px;height:400px">

        <p:ajax event="overlaySelect" listener="#{mapBean.onMarkerSelect}" />

        <p:gmapInfoWindow>
            <p:outputPanel style="text-align:center;display:block;margin:auto:">

                    <p:graphicImage value="/images/antalya/#{mapBean.marker.data}" height="150"/>
                    <br />
                    <h:outputText value="#{mapBean.marker.title}" />

            </p:outputPanel>

        </p:gmapInfoWindow>
    </p:gmap>

</h:form>