Swiper下滑至第二页后百度右键菜单问题

最近在学习并开发js展示项目，用到了百度地图，记录一下遇到的问题并看看大家是否有同样的问题，如果有你是怎么解决的呢？大家可以一起讨论下。

一，在html上添加4个容器，分别用于4个地图

二，初始化Swiper的配置信息

这里我用了4个页面，每一页都是引入了BMap

初始化地图，第一个地图是在页面加载的时候生成，其它是在下滑后触发
1，第一个地图在加载的时候初始化

2，其它地图在下滑后初始化

三，现在的问题，当下滑到后面的页面时候在地图上点击右键出现问题

写了统一的方法给地图添加右键菜单，但是在第四页添加的时候，右键如果不重写样式菜单显示不出来，会显示到屏幕外面，这里不知道是Swiper和百度地图的样式是否有冲突，最后通过判断是第几页，同时计算出点击所在位置重写了top，top重写前高度是根据第一个定位的，所以在这发现了这个规律并根据规律重写了右键菜单的top样式；这里还有一个问题，就是地图右键的坐标好像是根据像素点计算的，所以这里也给坐标点重新计算了。

以上问题如果没有描写清楚欢迎大家留言讨论

末尾是一个自带的猿人图: