Question

使用产品：icilent  11i for leaflet 

问题详细描述：调用leaflet-side-by-side时候，帘拖动按钮不在地图中心

以下是代码：

//卷帘切换事件
//激活图层存在layerActive对象中进行调用
//当检测到leftSeleted变化时激活此事件
onSelectedChange() {
      var left = this.layerActive.find((item) => item.name === this.$refs.leftSeleted.value);
      var right = this.layerActive.find((item) => item.name === this.$refs.rightSeleted.value);
      console.log('左', left)
      console.log('右', right)
      
      if (this.siderLayer !== null) { this.map.removeControl(this.siderLayer) }    
      this.siderLayer = new L.control.sideBySide([], [])
      this.siderLayer.setLeftLayers(left.layer)
      this.siderLayer.setRightLayers(right.layer)
      this.siderLayer.addTo(this.map)
    },

Answer 1

您好，我这边使用您的构造方式进行测试是正常的，

建议您可以排查您主map本身div所在的状态和css设计是否有问题导致该现象。

也可以在构造时就直接使用范围约束控制卷帘控件，可以参考这个demo：

https://blog.csdn.net/supermapsupport/article/details/102978423

希望可以帮助到您。