首页 / 浏览问题 / WebGIS / 问题详情
icilent for leaflet 卷帘拖动按钮不在地图中心
30EXP 2023年04月11日

使用产品: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)
    },

1个回答

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

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

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

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

希望可以帮助到您。

10,388EXP 2023年04月11日
...