
 
 第232个 
 
 
 
 点击查看专栏目录 
 
 
 
 
本示例的目的是介绍演示如何在vue+openlayers项目中自定义js实现横向卷帘。这个示例中从左右两个选择框中来选择不同的地图,做了不重复的处理,即同一个数组,两部分根据选择后的状态做disabled处理,避免重复选择。
 
直接复制下面的 vue+openlayers源代码,操作2分钟即可运行实现效果; 注意如果OpenStreetMap无法加载,请加载其他来练习
 
 
 文章目录
 - 示例效果
 - 配置方式
 - 示例源代码(312行)
 - 自定义的swipe.js文件内容
 - 相关API参考:
 - 专栏目标
 
 
 
 
  
 
示例效果