openlayers实现卷帘功能
先上官网的实现效果：官网
实现的大概思路：
- 对加载在最上层图层进行监听
- 监听的事件类型是RenderEvent渲染事件；渲染事件有好几种：这里用到了prerender和postrender
- 使用input标签来控制卷帘操作，input标签的type类型属性值为range，可以实现一个滑块的效果。input标签其实有很多类型。可见：类型
- input标签绑定input事件类型，监听值的变化来控制地图的重新渲染。
以下是代码，使用vue框架
ol.css文件在mainjs文件引入即可
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！