视频直播网站源码,自定义矢量图层的样式

视频直播网站源码,自定义矢量图层的样式

 

1
var mystyle = new ol.style.Style({<br>    image: new ol.style.Circle({<br>    radius: 10,<br>     fill: new ol.style.Fill({<br>            color: '#ffff00'<br>        })<br>    })<br>    });<br>var vectorLayer = new ol.layer.Vector({<br>    source: new ol.source.Vector({<br>    url: 'src/data/city.geojson',<br>    format: new ol.format.GeoJSON()<br>    }),<br>    style: mystyle<br>});<br>var view = new ol.View({<br>    center: [114,34],<br>    zoom: 5,<br>    projection: 'EPSG:4326'<br>});<br>var controls = new ol.control.defaults();<br>var map = new ol.Map({<br>    layers:[vectorLayer],<br>    view: view,<br>    controls: controls,<br>    target: 'map'<br>})

以上就是视频直播网站源码,自定义矢量图层的样式, 更多内容欢迎关注之后的文章

 

posted @   云豹科技-苏凌霄  阅读(17)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
历史上的今天:
2022-06-30 短视频平台开发,依靠DrawerLayout实现侧滑菜单效果
2022-06-30 直播平台源码,vue+vue-fullpage实现整屏滚动页面
2022-06-30 直播商城源码,实现左右联动商品分类页面
点击右上角即可分享
微信分享提示