Primefaces gmap marker：setAnimation BOUNCE

Question

我有一些GPS座標在我的應用程序中使用Primefaces顯示。我使用p：map小部件+輪詢而沒有特別的問題。現在我想用動畫BOUNCE製作最後一個標記（實際位置）。在primefaces中，setAnimation方法並不存在。 JavaScrpit可以完成這項工作嗎？

<p:poll interval="60" listener="#{mapPage.modelRefresh}" oncomplete="handleComplete(xhr, status, args)" update="gMap"/> 


    <p:gmap widgetVar="gMap" id="gMap" center="45.893378,12.32402" zoom="10" type="ROADMAP" style="width:100%;height:80vh" 
    model="#{mapPage.model}" > 

     <p:ajax event="overlaySelect" listener="#{mapPage.onMarkerSelect}" /> 

     <p:gmapInfoWindow id="infoWindow"> 
      <p:outputPanel style="text-align: center; display: block; margin: auto"> 
       <h:outputText value="#{mapPage.marker.text}" /> 
      </p:outputPanel> 
     </p:gmapInfoWindow> 

    </p:gmap> 


</h:body> 

Answer 1

我找到了一個解決方案：

<script>   
function update() { 
       var gmap = PF('gMap').getMap(); 
       for (var i in gmap.markers) { 
        var oldMarker = gmap.markers[i]; 
       } 
       oldMarker.setAnimation(google.maps.Animation.BOUNCE);   } 
</script> 



<poll interval="60" listener="#{mapPage.modelRefresh}" oncomplete="update()" update="gMap"/>