在当前页面直接使用高德地图,标记、弹层、滚动都没问题。
如图:

但是,如果在当前地图页面,转跳到另外页面,【滚动页面就会报错】
如图:
Uncaught Error: Invalid Object: Pixel(NaN, NaN)
找了好几个相关问题的解决方案,最后这个解决了问题:
【将下面3D,改成2D】
map = new AMap.Map("container", {
// 设置地图容器id
iewMode: "3D", // 是否为3D地图模式
zoom: 11, // 初始化地图级别
center: [latitude,longitude], //初始化地图中心点位置
});
参考文件:
https://juejin.cn/post/7424045557067841577
https://github.com/uiwjs/react-amap/issues/121