【问题标题】:Primefaces gmap marker: setAnimation BOUNCEPrimefaces gmap 标记:setAnimation BOUNCE
【发布时间】:2016-02-02 10:51:11
【问题描述】:

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

【问题讨论】:

    标签: javascript java google-maps primefaces pmap


    【解决方案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"/>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2015-03-29
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-09-23
      • 1970-01-01
      • 2011-08-20
      相关资源
      最近更新 更多