我是Google地图新技术的新手。我想在一分钟的时间间隔内闪烁或反弹Google地图标记。是否可以做到这一点?你能告诉我一个成功的方法吗?如何Google地图标记闪烁时间间隔?
回答
可能会导致错误。 (使用不使用GoogleMap apikey)
var on = true;
var intervalSeconds = 0.5;
var myLatLng = {lat: -25.363, lng: 131.044};
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 4,
center: myLatLng
});
var marker = new google.maps.Marker({
position: myLatLng,
map: map,
title: 'Hello World!'
});
setInterval(function() {
if(on) {
marker.setMap(null);
} else {
marker.setMap(map);
}
on = !on;
}, intervalSeconds * 1000);
#map {
width: 800px;
height: 600px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<div id="map"></div>
google.maps.Marker
的类支持setAnimation(animation:Animation)
方法,其中根据docs:
启动的动画。任何正在进行的动画将被取消。目前支持的动画有 :BOUNCE,DROP。传入null将导致任何 动画停止。
所以,你可以叫
marker.setAnimation(google.maps.Animation.BOUNCE);
开始反弹动画和
marker.setAnimation(null);
停止它。工作示例:
function initMap() {
var myLatLng = {lat: -25.363, lng: 131.044};
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 4,
center: myLatLng
});
var marker = new google.maps.Marker({
position: myLatLng,
map: map,
title: 'Hello World!'
});
marker.setAnimation(google.maps.Animation.BOUNCE);
}
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("maps", "3",{other_params:"sensor=false"});
</script>
<body onload="initMap();" style="margin:0px; padding:0px;" >
\t <div id="map" style="height:400px; width:500px;"></div>
</body>
闪烁的动画,不支持开箱即用,但你可以自己创建它,例子已经包含在其他的答案。
Matej P.感谢您的分享。 – user6493966
没问题。如果你认为答案是有帮助的,你可以升级它。谢谢。 –
不幸的是,这是我的新的计算器帐户和我的声望小于15 upvote任何人:( – user6493966
- 1. 闪烁时间戳
- 2. 标记在Android中的Google地图上闪烁
- 3. 如何使标记图像在谷歌地图闪烁
- 4. 最小地图标记间隔方程
- 5. 如何在一段时间后更新Google地图标记
- 6. 如何停止设置间隔结果值闪烁
- 7. 如何使网页中的图标闪烁/闪烁
- 8. 如何让鼠标点击时按钮闪烁/闪烁?
- 9. 如何平稳地移动标记而不会在地图上闪烁
- 10. Google静态地图自定义标记缓存多长时间?
- 11. 在Google地图API v3中长时间添加标记
- 12. 在页面间导航时闪烁
- 13. 时间轴上的FLV正在闪烁
- 14. Angular ng如果在$ scope更新间隔上闪烁
- 15. 在整形期间闪烁
- 16. 谷歌地图 - 标记在反弹之前闪烁onmouseover
- 17. 在谷歌地图上闪烁的自定义标记iOS
- 18. Google地图标记
- 19. CSS/jQuery:让图标闪烁
- 20. 如何让精灵闪烁一段时间 - LibGdx
- 21. 谷歌地图。以间隔放置标记
- 22. Google Docs闪烁光标“kix-cursor-caret”
- 23. 如何使用Google地图平滑地标记标记?
- 24. 如何确保定时记录在固定的时间间隔?
- 25. Infragistics DockManager - 在dockworks空间中显示浮动视图时闪烁
- 26. 如何抵消Google地图标记?
- 27. 如何打印Google地图标记
- 28. 如何切换Google地图标记?
- 29. 如何在iphone上闪烁(或闪烁)光标?
- 30. 按时间间隔合并记录
感谢您的分享。这有助于我提供眨眼效果。 – user6493966