GMap - Circles

Any number of circles can be displayed on map. Circles can also respond to selection by via overlaySelect behavior.

Documentation
<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"></script>


<h:form prependId="false">
    <p:growl id="growl" life="3000" />

    <p:gmap id="gmap" center="36.880257,30.687417" zoom="13" type="HYBRID" style="width:100%;height:400px" model="#{circlesView.circleModel}">
        <p:ajax event="overlaySelect" listener="#{circlesView.onCircleSelect}" update="growl" />
    </p:gmap>
</h:form>

FREE THEMES

Built-in component themes created by the PrimeFaces Theme Designer.

nova-light Nova-Light
nova-dark Nova-Dark
nova-colored Nova-Colored
luna-blue Luna-Blue
luna-amber Luna-Amber
luna-green Luna-Green
luna-pink Luna-Pink
omega Omega

PREMIUM TEMPLATES

Create awesome applications in no time using the premium templates and impress your users.