> 文章列表 > 232:vue+openlayers选择左右两部分的地图,不重复,横向卷帘

232:vue+openlayers选择左右两部分的地图,不重复,横向卷帘

232:vue+openlayers选择左右两部分的地图,不重复,横向卷帘

在这里插入图片描述

第232个

点击查看专栏目录

示例的目的是介绍演示如何在vue+openlayers项目中自定义js实现横向卷帘。这个示例中从左右两个选择框中来选择不同的地图,做了不重复的处理,即同一个数组,两部分根据选择后的状态做disabled处理,避免重复选择。

直接复制下面的 vue+openlayers源代码,操作2分钟即可运行实现效果; 注意如果OpenStreetMap无法加载,请加载其他来练习

文章目录

      • 示例效果
      • 配置方式
      • 示例源代码(312行)
      • 自定义的swipe.js文件内容
      • 相关API参考:
      • 专栏目标

示例效果