C语言中心循环扩散,基于openlayers4实现点的扩散效果

本文实例为大家分享了openlayers4实现点的扩散效果,供大家参考,具体内容如下

Title

.css_animation{

height:100px;

width:100px;

border-radius: 50%;

background: rgba(255, 0, 0, 0.9);

transform: scale(0);

animation: myfirst 3s;

animation-iteration-count: infinite;

}

@keyframes myfirst{

to{

transform: scale(2);

background: rgba(0, 0, 0, 0);

}

}

var map = new ol.Map({

layers:[new ol.layer.Tile({

source:new ol.source.OSM()

})],

target:'map',

view:new ol.View({

center: [12950000, 4860000],

zoom:7

})

});

var point_div = document.createElement('div');

point_div.className = 'css_animation';

point_overlay = new ol.Overlay({

element:point_div,

positioning:'center-center'

});

map.addOverlay(point_overlay);

point_overlay.setPosition([12950000, 4860000]);

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值