echart的地圖設置roam后,geo和series,拖拽和放縮會造成不同步(移動端設備)

因為地圖陰影是geo,地圖色塊區(qū)域是series,拖拽和放縮會造成不同步,要設置到同步

  //因為地圖陰影是geo,地圖色塊區(qū)域是series,拖拽和放縮會造成不同步,要設置到同步
  let lastZoom = 1 // 初始縮放比例
  let lastCenter = [0, 0] // 初始中心點
  myChart.value.on('georoam', (params: any) => {
    let myOption: any = myChart.value!.getOption()
    if (params.zoom != null) {
      //捕捉到縮放時
      myOption.geo.zoom = lastZoom = params.zoom
      myOption.geo.center = lastCenter = params.origin
    } else if (params.action === 'drag') {
      //捕捉到拖曳時
      let newCenter = [
        lastCenter[0] - params.dx / 2 / lastZoom, // 根據拖拽位移和縮放比例計算新的中心點
        lastCenter[1] + params.dy / 2 / lastZoom
      ]
      myOption.geo.center = newCenter
    }
    myChart.value!.setOption(myOption)
  })
}

?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容