简体   繁体   中英

gmap PrimeFaces p:ajax

I am trying to update the google map of PrimeFaces with the new latitude, longitude with the help of p:ajax , but it is not working...I'm using JSF 2.0. I have used p:ajax earlier in the similar way and it worked beautifully. Any idea why this does not work? The following is the code, contForm is the id of the form.

<h:outputText value="Latitude :"/>
<h:inputText value="#{confirmBrandRegistration.newBrand.mapLatitude}" size="10">
    <p:ajax event="blur" update="contForm:gMapID"/>
</h:inputText>
<h:outputText value=" Longitude :"/>
<h:inputText value="#{confirmBrandRegistration.newBrand.mapLongitude}" size="10" >
    <p:ajax event="blur" update="contForm:gMapID"/>
</h:inputText>
<h:outputText value=" Marker :"/>
<h:inputText value="#{confirmBrandRegistration.newBrand.mapMarker}" size="20" >
    <p:ajax event="blur" update="contForm:gMapID"
            listener="#{confirmBrandRegistration.updateMarker}"/>
</h:inputText>
</h:panelGrid>

<p:outputPanel id="gMapID">
    <f:view contentType="text/html">
        <p:gmap center="#{confirmBrandRegistration.newBrand.mapLatitude}, #{confirmBrandRegistration.newBrand.mapLongitude}" 
                zoom="16" type="HYBRID" streetView="true"
                model="#{confirmBrandRegistration.simpleModel}"
                style="width:500px;height:400px" />
    </f:view>
</p:outputPanel>

I solved it right now:)

index page:

<h:panelGroup id="pmap">
    <p:inputText value="#{mapManager.address}" label="Adresa" />
    <h:outputText value="#{mapManager.geo}" id="m" />
    <p:commandButton value="OK" actionListener="#{mapManager.updateMapCenter(ae)}" update="pmap" />
    <p:gmap  center="#{mapManager.geo}" 
             zoom="7" 
             type="HYBRID"    
             style="width:800px;height:400px" 
             streetView="true"
             model="#{mapManager.map}"
             overlaySelectListener="#{mapBean.onMarkerSelect}"
             >
        <p:gmapInfoWindow>  
            <p:outputPanel style="text-align:center; display:block; margin:auto:">
                <h:outputText value="#{mapManager.marker.title}" />  
                wserw
            </p:outputPanel>  
        </p:gmapInfoWindow>  
    </p:gmap>
</h:panelGroup>

part of managed bean:

private MapModel map;
private Marker marker;
private String address;
private String geo="49.817491999999992, 15.4729620";

public MapManager() {
}

@PostConstruct
public void init() {
    events = edao.findAll();
    map = new DefaultMapModel();
    for (Event event : events) {  
        Marker m=new Marker(new LatLng(event.getLat(), event.getLng()), event.getName());
        map.addOverlay(m);
    }
}

public void updateMapCenter(ActionEvent ae) {
    GMapService gs=new GMapService();
    LatLng geo=gs.getGeocode(address);
    this.geo=geo.getLat()+","+geo.getLng();
}

hope it solved your problem.

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM