首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Primefaces gmap标记: setAnimation反弹

Primefaces gmap标记: setAnimation反弹
EN

Stack Overflow用户
提问于 2015-11-02 22:10:54
回答 1查看 437关注 0票数 0

我有一些GPS坐标要使用Primefaces显示在我的应用程序中。我使用p:map widget + polling,没有粒子问题。现在我想用动画反弹来做最后一个标记(实际位置)。在primefaces中,setAnimation方法还不存在。JavaScrpit可以做这项工作吗?

代码语言:javascript
运行
复制
    <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>
EN

回答 1

Stack Overflow用户

发布于 2015-11-04 00:00:28

我找到了一个解决方案:

代码语言:javascript
运行
复制
<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"/>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/33479581

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档