Constructor
new Compare(beforeMap, afterMap, container, options)
Example
var compare = new mapboxgl.Compare(beforeMap, afterMap, '#wrapper', {
orientation: 'vertical',
mousemove: true
});
// 方向切换
// 切换后方向默认在正中间
compare.setOrientation('horizontal');
// 传入指定的的值
// compare.setOrientation('horizontal', 100);
// 销毁方法
compare.remove();
Parameters:
| Name |
Type |
Description |
beforeMap |
Object
|
第一个Mapbox GL地图 |
afterMap |
Object
|
第二个Mapbox GL地图 |
container |
String
|
HTMLElement
|
一个选择器或对HTML元素的引用，这个元素需要包含两个map对象 |
options |
Object
|
参数设置
Properties
| Name |
Type |
Attributes |
Default |
Description |
orientation |
String
|
<optional>
|
vertical
|
vertical创建一个垂直滑块，以比较左侧的一个地图（地图A）和右侧的另一个地图（地图B）。horizontal创建一个水平滑块，以比较顶部的拖把（地图A）和底部的另一张地图（地图B） |
mousemove |
Boolean
|
<optional>
|
false
|
如果true比较滑块将随光标一起移动，否则将需要拖动滑块才能移动 |
|