小程序如何效果好_基于openlayers4完成点的扩散效果

基于openlayers4实现点的扩散效果       这篇文章主要为大家详细介绍了基于openlayers4实现点的扩散效果 ,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
title Title /title link rel="stylesheet" href="en/v4.6.4/css/ol.css" type="text/css" !-- The line below is only needed for old environments Explorer and Android 4.x -- script src="v2/polyfill.min.js features=requestAnimationFrame,Element.prototype.classList,URL" /script script src="en/v4.6.4/build/ol.js" /script style .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); /style /head body div id="map" /div script var map = new ol.Map({ layers:[new ol.layer.Tile({ source:new ol.source.OSM() })], target:'map', view:new ol.View({ center: [, 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([, 4860000]); /script /body /html

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


相关阅读