如何解决页面整体使用transform scale后地图点位点击偏移错位问题(scale,transform,高德地图,开发技术)

时间:2024-05-07 16:17:59 作者 : 石家庄SEO 分类 : 开发技术
  • TAG :

    %E5%A6%82%E4%BD%95%E8%A7%A3%E5%86%B3%E9%A1%B5%E9%9D%A2%E6%95%B4%E4%BD%93%E4%BD%BF%E7%94%A8transform%C2%A0scale%E5%90%8E%E5%9C%B0%E5%9B%BE%E7%82%B9%E4%BD%8D%E7%82%B9%E5%87%BB%E5%81%8F%E7%A7%BB%E9%94%99%E4%BD%8D%E9%97%AE%E9%A2%98

最近在可视化项目中使用 css3 transform:scale()封装了一个组件 让页面缩小或者放大自适应屏幕

js文件:

css文件:

然后发现使用 transform:scale()缩放后会导致高德地图的点位点击的时候会出现 点位偏移 错位的情况 找了很多方法 最后用 iframe 解决了

把地图单独封装一个组件 拿 iframe 去引入这个组件

本文:如何解决页面整体使用transform scale后地图点位点击偏移错位问题的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:mybatis参数类型不匹配错误argument type mismatch的处理方案是什么下一篇:

18 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18