openlayers API实现鹰眼图OverviewMap时地图不断闪烁等问题的解决思路

前言：我吐了，OpenLayers的巨坑之一——鹰眼图OverviewMap创建之必备注意事项。

许久没有更新博客的我，在今天饱受折磨之后一定要分享一下（这么过分一定要说出来.jpg）

---

相信大家如果使用到openlayers显示web地图，都可能会想要实现一个缩略图（鹰眼图）的效果。关于这部分的内容的基础我就不赘述了，参考下面两篇文章以及官方API文档就够了。

openlayers官网示例

openlayers API之地图鹰眼OverviewMap

openlayers官方API文档——OverviewMap

照着这些例子做出来鹰眼图之后，却使得地图开始不断闪烁，人都给闪懵了（我把这个gif缩小了，保护大家的眼睛—_—）。
（为啥csdn不能够用zoom缩小图片o(￣ヘ￣o＃)）
那么问题出在哪里呢？不难看到，我们的主图闪烁，其实是缩略图和主图之间在不断交替显示地图内容。

我测试之后，发现问题原来出在osm图层身上，只要在缩略图（overviewmap）和主图（map）中使用了同一个OSM的layer，闪烁就会发生，在主地图和缩略图间交替闪烁。

仔细想想，我们可以在官网