PrimeFaces gmapJSF 2.2中未显示新标记

问题描述

我正在使用PrimeFaces 8.0.3。第一次加载页面时，gmap没有标记，因为我存储坐标的表为空。添加新标记后，页面会刷新，但地图仍未显示该标记。仅当我在服务器上运行该应用程序时，才会发生此问题，因为在本地运行该应用程序时，显示新标记不会出现问题。该页面每十秒钟刷新一次，以检查表中是否有新行。

HTML：

<script type="text/javascript" src="https://maps.google.com/maps/api/js?key=[provided api key]"></script>
<h:form>
    <p:panel>
        <p:gmap center="-0.2727324,-78.5489364" zoom="18" type="ROADMAP" style="width:90%;height:700px" model="#{mapaCtrl.simpleModel}" />
        <p:poll interval="10" listener="#{contadorCtrl.recargarMapa()}" />
    </p:panel>
</h:form>

MapaCtrl：

@ManagedBean
@RequestScoped
public class MapaCtrl implements Serializable
{
    private MapModel simpleModel;

    ...

    public void dibujarMarcadores()
    {
        for(int i = 0; i < listaSolicitud.size(); i++)
        {
            LatLng coord = new LatLng(Double.parseDouble(listaSolicitud.get(i).getLatitud()),Double.parseDouble(listaSolicitud.get(i).getLongitud()));
            simpleModel.addOverlay(new Marker(coord,listaSolicitud.get(i).getDescripcionsolicitud()));
        }
    }
}

ContadorCtrl：

@ManagedBean
@RequestScoped
public class MapaCtrl implements Serializable
{
    ...

    public void recargarMapa()
    {
        ...
        
        if(solicitudesActuales != MapaCtrl.solicitudesIniciales)
        {
            ExternalContext ec = FacesContext.getCurrentInstance().getExternalContext();
            try
            {
                ec.redirect(((HttpServletRequest) ec.getRequest()).getRequestURI());
            }
            catch(IOException ex)
            {
                Logger.getLogger(ContadorCtrl.class.getName()).log(Level.SEVERE,null,ex);
            }
        }
    }
}

如何在地图上显示新标记？

解决方法

您需要为地图组件分配一个ID，然后在轮询时对其进行更新：

<p:gmap id="myMap" center="-0.2727324,-78.5489364" zoom="18" type="ROADMAP" style="width:90%;height:700px" model="#{mapaCtrl.simpleModel}" />

<p:poll interval="10" listener="#{contadorCtrl.recargarMapa()}" update="myMap"/>