Openlayers实现点闪烁扩散效果实现点闪烁扩散效果
主要为大家详细介绍了Openlayers实现点闪烁扩散效果，文中示例代码介绍的非常详细，具有一定的参考价
值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了Openlayers实现点闪烁扩散效果的具体代码，供大家参考，具体内容如下
点闪烁样式：
DOM的样式实现的样式实现
/**橙色点扩散闪烁样式*/
.point_animation{
background: #ff9900;
width: 6px;
height: 6px;
border: 2px #ff9900 solid;
border-radius: 50%;
position: absolute;
}
.point_animation p, .point_animation span{
position: absolute;
width: 4px;
height: 4px;
animation: point_animation 1.5s infinite;
box-shadow: 0px 0px 1px #ff9900;
margin: 0px;
border-radius: 50%;
}
.point_animation span{
animation-delay: 0.8s;
}
@keyframes point_animation{
10% {
transform: scale(1);
}
100% {
transform: scale(8);
}
}
/**红色点扩散闪烁样式*/
.css_animation{
height:50px;
width:50px;
border-radius: 25px;
background: rgba(255, 0, 0, 0.9);
transform: scale(0);
animation: mypoint 3s;
animation-iteration-count: infinite;
}
@keyframes mypoint{
to{
transform: scale(1.5);
background: rgba(0, 0, 0, 0);
}
}
在地图上添加点—采用overlay添加DOM元素
需要用到Openlayers中的overlay元素，官方对于如何使用overlay做出了相关API说明
weixin_38656374
- 粉丝: 3
- 资源: 934
我的内容管理
收起
- 我的资源
快来上传第一个资源
我的收益 登录查看自己的收益
我的积分
登录查看自己的积分
我的C币
登录后查看C币余额
我的收藏 
我的下载 
下载帮助
会员权益专享
最新资源
- 2023年中国辣条食品行业创新及消费需求洞察报告.pptx
- 2023年半导体行业20强品牌.pptx
- 2023年全球电力行业评论.pptx
- 2023年全球网络安全现状-劳动力资源和网络运营的全球发展新态势.pptx
- 毕业设计－基于单片机的液体密度检测系统设计.doc
- 家用清扫机器人设计.doc
- 基于VB+数据库SQL的教师信息管理系统设计与实现 计算机专业设计范文模板参考资料.pdf
- 官塘驿林场林防火（资源监管）“空天地人”四位一体监测系统方案.doc
- 基于专利语义表征的技术预见方法及其应用.docx
- 浅谈电子商务的现状及发展趋势学习总结.doc
- 基于单片机的智能仓库温湿度控制系统 (2).pdf
- 基于SSM框架知识产权管理系统 (2).pdf
- 9年终工作总结新年计划PPT模板.pptx
- Hytera海能达CH04L01 说明书.pdf
- 数据中心运维操作标准及流程.pdf
- 报告模板 -成本分析与报告培训之三.pptx
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
评论0