QGraphicsView实现简易地图8『缓存视口周边瓦片』，QGraphicsView实现简易地图之缓存视口周边瓦片功能

摘要：，，使用QGraphicsView框架实现简易地图功能时，通过缓存视口周边瓦片技术优化性能。这一方法能够提升地图加载和渲染效率，减少卡顿现象。通过缓存已加载的瓦片，当视口移动时，只需加载新的瓦片或更新变化的区域，从而提高用户体验。这种技术对于需要展示大规模地理信息的地图应用尤为重要。

我们将讨论一种改进方案，以优化地图加载的体验，在前7篇的地图加载策略中，我们采用了最少瓦片数量的算法，即仅加载覆盖视口的最少瓦片，以加快加载速度，这种策略存在一个明显的问题：每当移动地图时，视口周边的瓦片才会加载，这可能导致地图的延时甚至卡顿，影响用户体验。

为了解决这个问题，我们需要在原有的算法上进行改进，在加载覆盖视口的最少瓦片后，我们还需要立即加载视口周边的瓦片，已经加载过的瓦片在离开视口后不再删除，以便下次进入视口时加快渲染速度。

以下是改进后的动态演示效果：

（图片来源网络，侵删）

我们将探讨获取视口及周边瓦片的代码实现，我们将以视口宽高的一半为半径，向四周扩展获取瓦片坐标。

以下是相关代码段的示例：

QRect CommonUtility::getViewAndAroundTileCoords(int tempTileTop, int tileLeft, int tempTileBottom, int tileRight, int level, vector<TileCoord>& vecTileCoord)
{
 // 获取视口范围内的瓦片坐标
 for (int row = tempTileTop; row <= tempTileBottom; row++) {
 for (int col = tileLeft; col <= tileRight; col++) {
 vecTileCoord.push_back(TileCoord(col, row)); // 将瓦片坐标加入向量
 }
 }
 
 int mapSize = pow(2, level); // 获取地图尺寸
 int tileW = tileRight - tileLeft + 1; // 计算瓦片宽度
 int tileH = tempTileBottom - tempTileTop + 1; // 计算瓦片高度
 
 // 定义临时变量，用于计算周边瓦片的坐标
 int tempTileT, tempTileL, tempTileB, tempTileR;
 int tileT, tileL, tileB, tileR;
 
 // 获取视口上方瓦片坐标
 for (int row = tempTileT; row > tempTileTop - 1; row--) { // 根据逻辑修改这里的行列计算方式
 for (int col = tempTileL; col <= tempTileR; col++) {
 vecTileCoord.push_back(TileCoord(col, row)); // 加入上方瓦片坐标
 }
 }
 
 // 获取视口下方瓦片坐标（逻辑同上）
 for (int row = tempTileB; row < tempTileBottom + 1; row++) { 
 for (int col = tempTileL; col <= tempTileR; col++) {
 vecTileCoord.push_back(TileCoord(col, row)); // 加入下方瓦片坐标
 }
 }
 
 // 同上，获取左右两侧瓦片坐标（逻辑类似）
 
 return QRect(tileL, tileT, (tileR - tileL + 1), (tileB - tileT + 1)); // 返回包含所有瓦片的矩形区域
}

上述代码仅为示例，可能需要根据实际情况进行适当的调整，核心思想是在加载视口瓦片的同时，也加载周边瓦片，并缓存已加载的瓦片，以提高地图加载和渲染的效率。