粉丝4.6万获赞40.6万

那么这个视频呢,我们来跟大家分享一下,如何在 open layers 当中加载天地图啊,因为我的书籍外部 diss 快速开发教程的第五版当中呢,我们引入了 open layers 的相关知识啊,所以接下来的几期视频呢,我们所讲的内容呢, 都和 open a 二次有一定的关系啊。那么话不多说,我们直接进入正题,在这个呃我们的代码当中呀,这个代码呢是我们书籍附带的代码,也就是大家购买书籍呢,会附带这么一份代码。 代码当中呢,我们在 open linears 当中加载天地图啊,一共有两种方式啊,第一种方式呢是我们使用 x, y, z 啊这个类来加载。第二种方式呢是我们使用 w, m, t, s 这种方式啊, 那么这两种方式呢,也是这个天地图官方同时支持的方式啊。首先我们来看,如果使用 x, y, z 的话呢,你需要在这个我们首先要新建一个 map, 对不对?我们因为 open liars api 比较复杂,所以我们讲起来比较详细 一下啊,首先我们在这个新建一个 map 对象对不对?在他的 layers 这个参数当中,也就是你要指定这个地图当中的图层当中呢,你可以新建一个瓦片图层啊,像这里这一段代码,我们 new 一个胎儿 layer 啊,新建一个瓦片图层啊,那么这个瓦片图层的数据员呢?我们使用 xyz 这个类, 这个欧克力亚斯官方呢,对这个 xyz 的类呢进行了一个封装啊,也就是所有符合 xyz 标准的这种方式呢,你只需要提供一个 url 就可以啊,那么这个他识别了之后,这个 url 之后呢,就可以正常的去请求这个 url 之下的这些瓦片,对不对?那么这样的话呢,我们使用这种方式的话呢,是能够成功加载天地图的啊, 另外一种方式呢是我们使用 wmts 啊,那这种方式相比于前一种方式呢,有一个不一样的地方,就是我们首先需要计算一堆参数啊,这些参数,那么这些参数是干嘛用的呢啊?这个我们可能这个视频比较短啊, 也没有办法详细跟大家铺开来讲,我们就简单说吧,这些参数啊,这一段计算参数的过程呢,其实根本的目的就是为了计算一个瓦片的行列号啊,那么这个在接下来的我们可以看到这个地方啊,我们 new layer 的时候, 这里呢我们选择了一个 newwmts, 对不对?那首先第一个参数呢,跟上一个方式一样,就是填一个 ul 啊,加上你的 top 就可以了,那他之下呢还有这么多别的参数,比如类一二呀,这个 marmatrix sight 呀,以及 taogree 的这个参数啊,非常重要的 taogree 的,那么这些参数呢是比较麻烦的啊,这些参数呢是通过上面这个计算过程来计算出来的 啊,然后呢我们把这个啊计算的结果呢填到这里就可以了啊,那么这个关于计算瓦片行列号的,他的这个核心的啊理念呢,其实就是通过当前的缩放层级以及分辨率啊这些参数呢,来计算出来当前我们所需要啊请求的这个瓦片呢 行列号啊,就这么简单一个过程,那这个他要,他要格瑞的这个参数当中呢,我们只需要填上正确对应的这每一个参数就好了啊,然后这样的话呢,也能够正常的这个加载天地图啊。好,如果我们按照刚才的两种方式来加载天地图,运行起来之后啊,就这个项目运行起来之后的页面就是这个样子啊,我们就能够成功的加载天地图啊。 那么这个大家如果对 uggs 开发比较感兴趣,或者对 open a 二四比较感兴趣的话,大家可以关注我啊,后续呢我会给大家分享更多的关于这方面的知识啊。