0

我有一些 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>
4

1 回答 1

0

我找到了一个解决方案：

<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"/>
于 2015-11-03T16:00:27.577 回答