AdfPage.PAGE.findComponent method usage

Question

I have a function.js file which has the showMap() function. I am trying to display something using the AdfPage.PAGE.findComponent method which keeps returning undefined for any component I try to find from the js file. What am I doing wrong? Is it because I am finding the component before page loading. Please advise
function.js file
function showMap() {
alert(AdfPage.PAGE.findComponent('f1'));
baseURL = "http://"+document.location.host+"/mapviewer";
var mapCenterLon = 145.07;
var mapCenterLat = -37.57;
var mapZoom = 1;
mapview = new MVMapView(AdfPage.PAGE.findComponent('map'), baseURL);
//var map = AdfPage.PAGE.findComponent("map");
//mapview = map.getMVMapView();
mapview.addMapTileLayer(new MVMapTileLayer("gis_data.AV_VICMAP"));
mapview.setCenter(MVSdoGeometry.createPoint(mapCenterLon,mapCenterLat,4283));
mapview.setZoomLevel(mapZoom);
mapview.addNavigationPanel("WEST");
showOverviewMap();
addThemeBasedFOI();
mapview.display();
JSPX file
<?xml version='1.0' encoding='UTF-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:trh="http://myfaces.apache.org/trinidad/html"
xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
xmlns:dvt="http://xmlns.oracle.com/dss/adf/faces">
<jsp:directive.page contentType="text/html;charset=UTF-8"/>
<f:view>
<af:document id="d1" binding="#{backingBeanScope.mapsBean.d1}">
<f:facet name="metaContainer">
<af:group id="g3" binding="#{backingBeanScope.mapsBean.g3}">
<trh:script id="script1" source="/jslib/oraclemaps.js"
binding="#{backingBeanScope.mapsBean.script1}"/>
<trh:script id="script2" source="/jslib/functions.js"
binding="#{backingBeanScope.mapsBean.script2}"/>
<trh:script text='' id="script3"
binding="#{backingBeanScope.mapsBean.script3}"/>
</af:group>
</f:facet>
<af:form id="f1" binding="#{backingBeanScope.mapsBean.f1}">
<af:panelStretchLayout id="psl1" topHeight="5px" bottomHeight="115px"
endWidth="373px"
binding="#{backingBeanScope.mapsBean.psl1}">
<f:facet name="bottom">
<af:panelBox text="Watch Options" id="pb1"
binding="#{backingBeanScope.mapsBean.pb1}">
<f:facet name="toolbar"/>
<af:selectBooleanCheckbox label="Auto Refresh"
id="sbc2"
binding="#{backingBeanScope.mapsBean.sbc2}"/>
<af:selectBooleanCheckbox label="Show Vehicle Locations"
id="sbc1"
binding="#{backingBeanScope.mapsBean.sbc1}"/>
<af:commandButton text="Refresh Now"
id="cb1"
partialSubmit="true"
binding="#{backingBeanScope.mapsBean.cb1}"/>
</af:panelBox>
</f:facet>
<f:facet name="center">
<af:panelGroupLayout layout="scroll"
xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
id="pgl1"
binding="#{backingBeanScope.mapsBean.pgl1}">
<af:group id="g1" binding="#{backingBeanScope.mapsBean.g1}">
<dvt:mapToolbar mapId="map"
id="mt1"
binding="#{backingBeanScope.mapsBean.mt1}"/>
<dvt:map startingY="-36.88" startingX="145.26" mapZoom="1"
mapServerConfigId="mapConfig1"
baseMapName="GIS_DATA.AV_VICMAP"
inlineStyle="width:100%; height:793px;"
id="map" binding="#{backingBeanScope.mapsBean.map}">
<f:facet name="rtPopup"/>
<f:facet name="popup"/>
</dvt:map>
</af:group>
</af:panelGroupLayout>
</f:facet>
<f:facet name="end">
<af:panelBox text="List Vechicles"
id="pb2" binding="#{backingBeanScope.mapsBean.pb2}">
<f:facet name="toolbar"/>
<af:inputText label="Area Code"
id="it1"
binding="#{backingBeanScope.mapsBean.it1}"/>
<af:inputText label="Vehicle Number"
id="it2"
binding="#{backingBeanScope.mapsBean.it2}"/>
<af:commandButton text="Search"
id="cb2"
binding="#{backingBeanScope.mapsBean.cb2}"/>
</af:panelBox>
</f:facet>
</af:panelStretchLayout>
</af:form>
<af:clientListener type="load" method="showMap()" />
</af:document>
</f:view>
<!--oracle-jdev-comment:auto-binding-backing-bean-name:mapsBean-->
</jsp:root>
Edited by: user5108636 on 29/04/2010 18:22

Answer 1

It is now detecting the map component, but the map object retrieved in the javascript seems to a new object. I had set the srid and ceterX and centerY.
In my javascript, I do
var map = AdfPage.PAGE.findComponent('map');
mapview = map.getMVMapView();
alert("Zoom:"+ mapview.getZoomLevel());
alert("Srid:"+ mapview.getSrid());
alert("CenterX:"+ mapview.getPointX());
alert("CenterY:"+ mapview.getPointY());
where the map object parameters are already set in the ADF page, which is not reflecting. I am not getting access to the same map
object. My javascript method runs on page load. Is it because the javascript method is getting called before the ADF map object exists.
dvt:map id="map" startingX="145.26"
mapServerConfigId="mapConfig1"
baseMapName="GIS_DATA.MAP" mapZoom="1"
startingY="-36.88" unit="METERS"
inlineStyle="width:100%; height:793px;" srid="4283"
/>
Let me know if any more code needs to be posted for clarification.
Regards
Edited by: user5108636 on 9/05/2010 19:20