Jsf 2.x não executa onload

Front-end
#1

Pessoal estou com um probleminha que não estou conseguindo executar o onload na tag: <h:body>, alguem saberia o porque não execulta? abaixo segue o código:

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
        <script type="text/javascript" src="javascript/jquery.js"></script>
        <h:outputScript library="javax.faces" name="jsf.js" target="head"/>
        <script type="text/javascript">
            var map;

            var rectArr = [];
            var cols = ["red", "blue", "green", "yellow", "orange", "gray"]

            function initialize() {
                var rectangle;
                var coachella = new google.maps.LatLng(-20.29524676849154, -40.305705070495605);
                var myOptions = {
                    zoom: 15,
                    center: coachella,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                };
                map = new google.maps.Map(document.getElementById("map_canvas"),
                        myOptions);
                carregaQuadrantes();
                var ajaxRequest = function() {
                    jsf.ajax.request(input, event,
                            { render: com.corejsf.getListboxId(input),
                            });
                }
            }
            function carregaQuadrantes(dados) {
                $(function() {
                    if (dados.undefined) {
                        console.log('nenhum regisro encontrado');
                    } else {
                        $.each(dados, function(key, val) {
                            var mapa = mapa.getMap();
                            var SW = new google.maps.LatLng(val.latitudeSw, val.longitudeSw);
                            var NE = new google.maps.LatLng(val.latitudeNe, val.longitudeNe);
                            var rectangle = new google.maps.Rectangle();
                            var rectOptions = {
                                strokeColor: "black",
                                strokeOpacity: 0.5,
                                strokeWeight: 0.2,
                                fillOpacity: 0,
                                map: map,
                                bounds: new google.maps.LatLngBounds(NE, SW)
                            };
                            rectangle.setOptions(rectOptions);
                            rectArr.push(rectangle);
                            bindWindow(rectangle, rectArr.length);
                        });
                    }


                });

            }

            function bindWindow(rectangle, num) {
                google.maps.event.addListener(rectangle, 'click', function(event) {
                    infowindow.setContent("you clicked on rectangle " + num)
                    infowindow.setPosition(event.latLng)
                    infowindow.open(map);
                });
            }

        </script>
    </h:head>
    <h:body onload="initialize();">
        <h:form>
            <div id="map_canvas" style="width:100%; height:80%;"></div>
        </h:form>

    </h:body>
</html>
#2