WebGIS中地图瓦片在Canvas上的拼接突显原理

小说版权由小编李晓晖和博客园共有,若转发请于明显处标明出处:http://www.cnblogs.com/naaoveGIS/

1.前言

在前面的四个章节中,大家在首先章节里介绍了WebGIS的主导框架和技术,第二章节里介绍了怎么是瓦片行列号以及总计它的由来,第三章节里介绍了何等通过地理范围计算出这一个范围内瓦片的种类号,第四和第五章节里介绍了在赢得瓦片行列号后怎么赢得离线和在线地图的URL,这么些章节里,大家将介绍在经过URL得到瓦片后,如何将其出示在浏览器相呼应的地点,拼接出整块地图。

2.左上角瓦片先河点显示屏坐标的一个钱打二十四个结

在第三章节中,我介绍了对于左上角瓦片起初点显示屏坐标的折算原理和措施,那里自己重新提交那一个公式:

offSetX = ((realMinX- minX )/resolution);

offSetY = ((maxY – realMaxY )/resolution);

英文代表如下意思:

realMinX、real马克斯Y:请求的左上角瓦片对应的实事求是地理坐标(geoX,geoY)。

minX、maxY:屏幕可视范围的左上角对应的真实地理坐标(geoScreenX,geoScreenY)。

resolution:当前地图级别里屏幕一像素代表的实际上地理单位长度。

因为可视范围里,左上角显示器坐标为(0,0)。

之所以offSetX和offSetY便为左上角瓦片的先导点屏幕坐标(offSetX,offSetY)。

88bifa必发娱乐,那边假设大家对以上参数的折算有不打听之处,请查看此连串中的第三章节——通过地理范围换算骑行列号。

3.任意瓦片显示器坐标的计量

一如既往,我首先付诸相关的公式:

coord.x = offSetX + ( clipX – fixedTileLeftTopNumX)* tileSize;

coord.y = offSetY + ( clipY – fixedTileLeftTopNumY)* tileSize;      

英文代表如下意思:

offSetX、offSetY:最左上角瓦片的屏幕坐标

clipX、clipY:目前瓦片的行列号

fixedTileLeftTopNumY、fixedTileLeftTopNumY:最左上角瓦片的行列号

tileSize:瓦片大小(一张瓦片的像素)

coord:如今瓦片的屏幕坐标

那里的fixedTileLeftTopNumY和fixedTileLeftTopNumY,在第三章里我一样介绍了何等赢得。

4.瓦片拼接流程

         88bifa必发娱乐 1

透过流程图可以见到,瓦片的拼接须求通过遍历X轴和Y轴。依次得到瓦片屏幕坐标后拼接。那里提到到X轴和Y轴时的遍历个数,其实就是呼吁到的持有瓦片,在X轴上的个数以及Y轴上的个数。同样,在第三章里自己对这一个个数的折算有比较详细的讲课,这里不再累述。

5.前端地图显示全体流程

          88bifa必发娱乐 2

赢得的地图效果图如下:

               88bifa必发娱乐 3

6.总结

从那之后,WebGIS中前端地图突显体系就停下了。我深信大家在这一个种类里,或多或少都对WebGIS有了新的认识。大家精晓图像分为栅格图像和矢量图像,那里自己仅仅只是介绍了栅格图像在WebGIS中的加载,那么矢量图像怎么加载呢?同样,有了那一个规律知识,我们该如何设计栅格图像类,以及将来的矢量图像类等等呢?在下一个比比皆是里,大家将起来探索WebGIS中主题类的规划。希望我们不断关怀。

 

 

高中时,看他人抽烟,总以为是为了装
高校时,室友有时候躲在凉台上抽闷烟,那时候觉得吸烟的人想必心里面有点故事
上研时,一个研友平日夜深人静里一边敲代码一边抽烟,开首以为用抽烟来提神是足以领略的
工作到近来,看到身边的情侣抽烟,不再想着那是为着驱散苦、释放乐、缓解疲、扮深沉。抽烟只是一个简易的业务而已

                                                         
—–欢迎转发,但保留版权,请于鲜明处标明出处:http://www.cnblogs.com/naaoveGIS/

                                                                 
要是你觉得本文确实帮忙了您,可以微信扫一扫,举行小额的打赏和鼓励,谢谢
^_^

                                    88bifa必发娱乐 4

 

相关文章