Hi everybody,
I hv city and suburbs which returns all markers shown inside map at begining of page load works successfully . However, after selecting city and suburb it runs ajax and render gmaps4jsf map but map get disappeared what should i do. Thank you.
<p:selectOneMenu id="city" value="#{sehirTable.city}">
<f:selectItem itemLabel="Select City" itemValue="" />
<f:selectItems value="#{sehirTable.cities}" />
<p:ajax update="suburbs"
listener="#{sehirTable.handleCityChange}" />
</p:selectOneMenu>
<p:selectOneMenu id="suburbs" value="#{sehirTable.suburb}">
<f:selectItem itemLabel="Select Suburb" itemValue="" />
<f:selectItems value="#{sehirTable.suburbs}" />
<f:ajax render="pnl"
listener="#{sgmTable.displayLocation}" />// this returns my selected city its suburbs values
</p:selectOneMenu>
----------------------------------------------------------
<h:panelGroup id="pnl" widgetVar="pnl">
<m:map width="800px" latitude="36.1" longitude="36.1" height="500px" zoom="6" autoReshape="true" partiallyTriggered="true" >
<ui:repeat var="loc" value="#{sgmTable.data}">
<m:marker latitude="#{loc.enlem}" longitude="#{loc.boylam}" >
<m:htmlInformationWindow htmlText="<img src=resources/images/image.png > #{loc.sgm_adi} <br><hr><b style=color:red > Telefon: </b>" />
<m:icon width="25" height="36" imageURL="resources/images/marker.png"/>
</m:marker>
</ui:repeat>
</m:map>
</h:panelGroup>
----------------------------------------------------------
To test whether values rendered or not. Test is successful when i change ajax render render id as "tblCountries"
<h:dataTable id="tblCountries"
value="#{sgmTable.data}"
var="row">
<h:column>
<f:facet name="header">
<h:outputText value="IL"/>
</f:facet>
<h:outputText value="#{
row.il}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="ILCE"/>
</f:facet>
<h:outputText value="#{row.ilce}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="NAME"/>
</f:facet>
<h:outputText value="#{
row.name}"/>
</h:column>
</h:dataTable>