如何解决页面整体使用transform scale后地图点位点击偏移错位问题
导读:本文共1021.5字符,通常情况下阅读需要3分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: 最近在可视化项目中使用 css3 transform:scale()封装了一个组件 让页面缩小或者放大自适应屏幕js文件:importReact,{useState,useEffect}from'react';import{useDebounceFn}from'ahooks';importstylesfrom'./in... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。最近在可视化项目中使用 css3 transform:scale()
封装了一个组件 让页面缩小或者放大自适应屏幕
js文件:
css文件:
然后发现使用 transform:scale()
缩放后会导致高德地图的点位点击的时候会出现 点位偏移 错位的情况 找了很多方法 最后用 iframe
解决了
把地图单独封装一个组件 拿 iframe
去引入这个组件
本文:
如何解决页面整体使用transform scale后地图点位点击偏移错位问题的详细内容,希望对您有所帮助,信息来源于网络。