GMap - Info Window When a marker is selected, an info window can be displayed to provide detailed information.
<h:form>	
    <p:gmap id="gmap" center="36.890257,30.707417" zoom="13" type="HYBRID" model="#{infoWindowView.advancedModel}" style="width:100%;height:400px">

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

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

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

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

    <!-- Preload for demo -->
    <p:outputPanel style="display:none">
        <p:graphicImage name="/demo/images/antalya/konyaalti.png" />
        <p:graphicImage name="/demo/images/antalya/ataturkparki.png" />
        <p:graphicImage name="/demo/images/antalya/kaleici.png" />
        <p:graphicImage name="/demo/images/antalya/karaalioglu.png" />
    </p:outputPanel>
</h:form>
                
PrimeTek, Copyright © 2017
All rights reserved.
Running PrimeFaces-6.2-SNAPSHOT on Mojarra-2.3.2.