GMap Geocode

<script src="https://maps.google.com/maps/api/js?key=AIzaSyCvCDkYieuUBmMWon_mfLAfjuaeuosuqow&amp;sensor=false"></script>
<script>
    function geocode() {
        PF('geoMap').geocode(document.getElementById('address').value);
    }

    function reverseGeocode() {
        var lat = document.getElementById('lat').value,
            lng = document.getElementById('lng').value;

        PF('revGeoMap').reverseGeocode(lat, lng);
    }
</script>


<h:form prependId="false">

    <div class="card">
        <h5 style="margin-top:0">Geocode</h5>
        <div class="formgrid grid p-fluid">
            <div class="field col-12 md:col-6">
                <p:outputLabel for="address" value="Address"/>
                <p:inputText id="address"/>
            </div>
        </div>
        <p:commandButton value="Geocode" icon="pi pi-search" onclick="geocode()" type="button" styleClass="mb-3"/>

        <p:gmap id="geoGmap" widgetVar="geoMap" center="#{geocodeView.centerGeoMap}" zoom="2" type="ROADMAP"
                model="#{geocodeView.geoModel}" style="width:100%;height:400px">
            <p:ajax event="geocode" listener="#{geocodeView.onGeocode}" update="@this"/>
        </p:gmap>
    </div>

    <div class="card">
        <h5>Reverse Geocode</h5>
        <div class="formgrid grid p-fluid">
            <div class="field col-12 md:col-6">
                <p:outputLabel for="lat" value="Lat"/>
                <p:inputText id="lat"/>
            </div>
            <div class="field col-12 md:col-6">
                <p:outputLabel for="lng" value="Lng"/>
                <p:inputText id="lng"/>
            </div>
        </div>
        <p:commandButton value="Reverse Geocode" icon="pi pi-search" onclick="reverseGeocode()"
                         type="button" styleClass="mb-3"/>

        <p:gmap id="revGeoGmap" widgetVar="revGeoMap" center="#{geocodeView.centerRevGeoMap}" zoom="2"
                type="ROADMAP" model="#{geocodeView.revGeoModel}" style="width:100%;height:400px">
            <p:ajax event="reverseGeocode" listener="#{geocodeView.onReverseGeocode}" update="@this"/>
        </p:gmap>
    </div>

</h:form>