多用户商城(c2c)网站制作方案,企业产品做哪个网站推广好,网站关键词优化怎么弄,做网站方法LOD是Levels of Detail的简写#xff0c;用于根据当前的环境#xff0c;渲染不同的图像#xff0c;用于降低非重要的细节度#xff0c;从而提高渲染效率#xff0c;在电子游戏中经常运用#xff0c;对于需要显示全球地图的GIS系统而言#xff0c;更需要应用这项技术。
…LOD是Levels of Detail的简写用于根据当前的环境渲染不同的图像用于降低非重要的细节度从而提高渲染效率在电子游戏中经常运用对于需要显示全球地图的GIS系统而言更需要应用这项技术。
LOD原理
在详细讲解之前假设给你两张A4纸在其中一张纸上把你家整个绘制上去在另一张纸上只把你睡的房间绘制上去。如果别人想看你家你会给哪一张纸如果想看你睡的房间你会给哪一张纸 相信你不会给错LOD就是这种根据不同需要采用不同图的技术方案。在地图应用中最直观的体验就是地图放大缩小。当地图放大后能看到更详细的地理信息比如街道商店等等。当地图缩小再缩小原来能看到的街道商店就看不见了当能看到更大的区域我们的屏幕就相当于是A4纸大小不变。
LOD这个技术方案非常棒非常符合我们的自然习惯所以在很多图形系统中都使用了这项技术。在GIS系统中不断放大就能看到更多地图细节了解更加详细的信息。对于GIS引擎的开发者而言需要实现这项技术当发现用户放大地图时就立马使用更有细节的地图图片替换现在显示的地图图片。 现在问题来了意思是说对于同一个地点而言需要有很多张呈现不同细节程度的图片是的你没有猜错虽然在使用地图的过程中感觉放大缩小地图是浑然一体的但其实就在你眼皮下发生了图片替换。 不同层级使用具有不同细节的地图图片这就需要为每一个层级准备图片如果使用离线工具下载瓦片地图会看到下载的图片是按照层级Z进行存储的。开发者不用担心数据源的处理只需要知道这个原理就可以了。
为了便于理解GIS系统中不同层级使用不同的图片下面使用google在线瓦片地图进行说明。 最小层级0情况下只用了一张256256像素的图片表示整个地球平面 稍大一个层级1情况下用了四张256256像素的图片来表示整个地球
2.瓦片计算
不同环境条件下加载具有不同细节的图片资源可以提高效率但这并不是终点。 瓦片技术可以更进一步提高效率。 其原理是将一张大图片切割成很多张小图片按照呈现需要加载其中的几张小图片即可。 为什么这样就能提高效率因为屏幕显示窗口的大小是固定比如屏幕分辨率是800600或者1024768又或者是1920800等等。如果屏幕分辨率是800600一张大图是90009000那么同一时间你只能看到这张图片的十分之一。 但是在不切片的情况下你却必须要加载整个地图。 如果是在本地浏览还好假如是发布在网络上则网络传输和渲染都将耗时。如果我们按照500500大小进行切片我们则只需要加载4张500*500的小图片就可以了。 对于WebGIS而言需要在网络上发布同时需要显示整个地球自然需要使用瓦片技术。
切片方式
如果对整个地球图片进行切片需要考虑的是整个地球图片大小以及切片规则切片大小。 对于WebGIS而言在线地图几乎都采用墨卡托投影坐标系(Mercator)对应的地图投影到平面上就是一个正方形。 为了方便使用切片时大多按照正方形的方式来进行切片比如切片大小为256x256。一个1024x1024的地图就可以切成4张小的瓦片。 同时瓦片大小几乎都是256x256有一些则会增加到512x512。
LOD会使得不同层级下的全球地图大小不一致结合瓦片技术一起就出现了金字塔瓦片。 在WebGIS中上一层级的一张瓦片在更大一层级中会用4张瓦片来表示依次类推比如上一节中看到的Google在线瓦片地图的第0级和第1级的瓦片地图。 这样做可以维持正方形的投影方式不变同时按照2的幂次方放大计算效率非常高。
计算
通过上面切片的介绍我们可以对每一层级瓦片的数量进行简单的计算。 层级0的瓦片数是 120 * 20 层级1的瓦片数是421∗21层级n的瓦片数是2n∗2n。 这个地方计算的是所有瓦片数因为是一个正方形所以是边长的平方如只计算x轴或者y轴一边的瓦片数就是2n个。
瓦片坐标
任意一个层级的地图切成多个瓦片后我们需要给瓦片编号才能通过编号找到瓦片。这个问题在这就涉及到坐标不同的在线地图服务商可能定义不一样的瓦片坐标系坐标系不一样那么对应的同一个位置的瓦片的坐标也会不一样。 需要引起重视。 在OpenLayers提供了一个用于调试瓦片的source: ol.source.TileDebug。可以清晰的看到每一个瓦片的坐标。
3.分辨率
分辨率是屏幕坐标和世界坐标的纽带通过它才能知道你在屏幕上用鼠标点击的位置对应于世界地图具体的经纬度位置。 当然你不用自己来做这个计算OpenLayers 的ol.Map已提供了对应的方法getCoordinateFromPixel来帮助你实现坐标转换。
说到了每一个层级会使用不同的瓦片数来表示整个地球那么无论是哪一个层级所表示的实际地理空间范围都是一致的。但使用的瓦片个数却是不一样的以Google在线地图为例层级0使用了一个瓦片层级1使用了4个瓦片。 通过计算可以知道层级0整个地球图像为256∗256像素大小层级1整个地球图像为512∗512像素大小。 层级0和层级1表示的地球范围都是一样的经度[-180, 180]纬度[-90, 90]。 在层级0的时候一个像素就表示360/2561.40625这么长的经度范围180/2560.703125这么长的纬度范围。 而这两个数字就是分辨率了即一个像素所表达的范围是多少这个范围可能是度可能是米或者其他单位根据具体的情况而定。
墨卡托投影坐标系下的分辨率
我们知道在WebGis中使用的在线瓦片地图是采用的墨卡托(Mercator)投影坐标系经过投影后整个地球是一个正方形所能表示的地球范围为经度[-180, 180]纬度[-85, 85]单位为度。 对应的墨卡托坐标系的范围x[-20037508.3427892, 20037508.3427892]范围y同样是[-20037508.3427892, 20037508.3427892]单位为m。 或许你会好奇这个范围是怎么计算而来的如果详细了解过它的定义应该知道墨卡托只是简单的把地球球面剖开拉伸为一个正方形而来由于南北极两端采用这种拉伸会严重变形并且南北极在使用过程中很少用到所以干脆就只投影了[-85, 85]纬度范围的地球。 而展开时因为纬度范围有缩减所以肯定只能以经度来展开即在经度-180度的地方从上到下剖开地球然后按照赤道方向来展开成一张平面那么这个平面的长就等于以地球赤道半径按照圆来计算的周长。 近似的按照6378137米为半径来计算那么整个赤道周长的一半即为 π∗r3.1415926∗637813720037508.0009862 以上就是墨卡托投影坐标系范围的完整的计算过程墨卡托也有很多变形会有细微的不同。
有了范围之后要想计算分辨率按照上面的计算过程就非常简单了还是以Google在线瓦片地图为例x方向上的分辨率计算公式可以归纳为 resolution rangeX / 256∗2level rangeX表示x方向上整个范围比如 20037508.3427892−(−20037508.3427892)20037508.3427892−(−20037508.3427892)256表示的一个瓦片的宽度单位为像素2level表示的在层级level下x方向上的瓦片个数。 那么分母计算出来的结果就是在层级level下整个地图在x方向上的宽度单位为像素。 那么整个公式计算出来就是在x方向上一个像素所能代表的实际地理范围即分辨率。
如果在不同的地图地图情况下并且底图的缩放范围不一样时要自己计算分辨率
let TDT_RESOLUTIONS []
const topResolution 360.0 / 256 // 1.40625
for (let zoom 0; zoom MAX_ZOOM; zoom) {let resolution topResolution / Math.pow(2, zoom)TDT_RESOLUTIONS.push(resolution)
}
