Leaflet地图框架使用手册——L.TileLayer

用来在地图上载入和显示切片图层,用ILayer接口实现。

Constructor(函数构造器)

L.TileLayer():通过给定URL模板和具有选项的对象来实例化一个切片图层。

URL template(URL模板)

见下面的例子
L.tileLayer('http://{s}.somedomain.com/{foo}/{z}/{x}/{y}.png', {foo: 'bar'})

Options(选项)

minZoom:最小级别数
maxZoom:最大级别数
tileSize:切片尺寸(宽度和高度的像素值,假设切片是正方形的)
subdomains:服务的子域。可以传递一个字符串(其中每一个字母都是一个子域名称)或是一个字符串数组。
errorTileUrl:图片的URL给出加载错误的位置。
attribution:用来进行属性控制的字符串,描述了图层数据。
tms:如果此值为true,反转切片Y轴的编号(对于TMS服务需将此项打开)。
continuousWorld:如果设置为true,切片的坐标系不会被世界范围的宽度(-180度到180度)所覆盖,也不会被在世界范围的高度(-90度到90度)之内。你可以将此用在不反应真是世界的地图上(比如游戏、室内或照片的地图)。
noWrap:如果设置此项为true,则切片不会用重复填充来表示世界范围(经度-180到180之间)之外的地方。
zoomOffset:用此值来补偿URL中地图的缩放级别。
zoomReverse:如果此项为true,URL中的缩放级别会被反转(用最大到最小缩放级别来替代缩放级别)。
opacity:切片图层的透明度。
zIndex:切片图层明确的叠置顺序,默认此项不会被设置。
unloadInvisibleTiles:如果此项为true,在平移后所有看不到的切片都会被移除(用以更好地显示),在移动设备的webkit中默认是true,其他的默认为false。
updateWhenIdle:如果此项为false,在平移过程中新的切片将会载入,其他的在其后载入(用以更好地显示),在移动设备webKit中默认是true,其他默认false。
detectRetina:如果此项为true,并且用户是视网膜显示模式,会请求规定大小一般的四个切片和一个地区内一个更大的缩放级别来利用高分辨率。
reuseTiles:如果此项为true,在平移后不可见的切片被放入一个队列中,在新的切片开始可见时他们会被取回(而不是动态地创建一个新的)。这理论上可以降低内存使用率并可以去除在需要新的切片时预留内存。

Events(事件)

loading:当切片图层开始加载切片时触发。
load:当切片图层加载完可见切片后触发。
tileload:在加载切片时触发。
tileunload:在切片被移除时触发(比如打开了unloadInvisibleTiles)。

Methods(方法)

addTo():将图层加到地图上。
bringToFront():将此切片图层放到所有切片图层之上。
bringToBack():将此切片图层放到所有切片图层之下。
setOpacity():改变切片图层的透明度。
setZIndex():设置切片图层的叠放顺序。
redraw():清除所有的切片并重新向服务端申请他们。
setUrl():更新图层的URL模板并重绘他们。

 

  • 2
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
### 回答1: leaflet.tilelayer.wmts是一个用于在Leaflet地图库中加载WMTS(Web Map Tile Service)图层的插件。 WMTS是一种用于获取、显示和渲染地图瓦片的标准化协议。WMTS将地图数据切割为小的瓦片并提供给客户端,然后客户端根据需要请求和加载这些瓦片来组成完整的地图leaflet.tilelayer.wmts插件提供了一个函数来创建一个WMTS图层实例。这个函数需要提供一些参数,包括填充在URL模板中的替换变量,如服务URL、图层名称、样式、投影、瓦片矩阵集及其ID等。 使用leaflet.tilelayer.wmts可以方便地将WMTS图层加载到Leaflet地图中。只需要为插件的函数提供正确的参数,然后将返回的图层实例添加到地图上即可。 例如,可以使用以下代码加载一个WMTS图层: ```JavaScript var wmtsLayer = L.tileLayer.wmts('https://example.com/wmts/{Style}/{TileMatrixSet}/{TileMatrix}/{TileRow}/{TileCol}.png', { style: 'default', tilematrixSet: 'EPSG:4326', layer: 'myLayer', format: 'image/png', transparent: true }); var map = L.map('map').setView([51.505, -0.09], 13); wmtsLayer.addTo(map); ``` 以上代码演示了如何在Leaflet地图中使用leaflet.tilelayer.wmts加载一个WMTS图层。需要注意的是,URL模板中的替换变量(例如{Style}、{TileMatrixSet}等)需要根据实际情况进行替换。另外,还可以自定义一些其他选项,如图层样式、投影、图层名称及格式等。 总之,leaflet.tilelayer.wmts是一个方便的Leaflet插件,可用于加载WMTS图层,并为用户提供了简单的API来配置和管理这些图层。 ### 回答2: leaflet.tilelayer.wmts是一个在Leaflet地图库中,用于加载和显示Web地图切片图层的插件。WMTS代表Web地图切片服务(Web Map Tile Service),它是一种通过在不同层级上使用切片(tiles)的方式来提供地图数据的服务。 leaflet.tilelayer.wmts插件允许我们使用WMTS服务加载地图图层。它支持加载的图层类型包括矢量图层、栅格图层以及标注图层。我们可以通过指定图层的URL、样式和图层标识来加载WMTS图层。 为了使用leaflet.tilelayer.wmts插件加载WMTS图层,我们需要提供一个符合WMTS标准的服务URL。通常,这个URL包含了WMTS服务的地址、图层名称以及请求的样式。 在Leaflet中,我们可以使用L.tileLayer.wmts()函数来创建一个WMTS图层。我们需要传递的参数包括WMTS服务的URL、图层标识、以及其他的可选配置参数,如最大缩放层级、透明度等。 通过使用leaflet.tilelayer.wmts插件,我们可以轻松地在Leaflet地图上加载和显示WMTS图层。这使得在Leaflet中使用基于切片的Web地图服务变得更加简单和便捷。 总之,leaflet.tilelayer.wmts是一个用于在Leaflet地图库中加载和显示WMTS图层的插件。它基于Web地图切片服务,并通过指定WMTS服务的URL、图层标识等参数来加载地图图层。它的出现使得在Leaflet中使用WMTS图层变得更加方便和高效。 ### 回答3: leaflet.tilelayer.wmts是Leaflet地图库中的一个模块,用于加载和显示基于WMTS(Web Map Tile Service)协议的切片地图图层。 WMTS是一种通过Web服务提供的地图切片数据的标准化协议。切片数据是将地图拆分成小块的图像数据,每个切片表示地图的一部分。WMTS允许用户通过Web服务请求确定的切片数据,以在地图应用中加载和显示地图图层。 leaflet.tilelayer.wmts通过WMTS请求从指定的WMTS服务加载地图切片数据,并将其作为图层显示在Leaflet地图上。它提供了对WMTS图层的灵活配置选项,包括设置图层的URL地址、样式、投影、坐标系和切片大小等。 使用leaflet.tilelayer.wmts,我们需要提供WMTS服务的URL地址,并根据服务提供的要求进行配置。配置选项包括图层名称、样式、投影和地图坐标系等。然后,将配置好的leaflet.tilelayer.wmts对象添加到Leaflet地图中,即可在地图上显示WMTS图层。 例如,以下是使用leaflet.tilelayer.wmts加载WMTS图层的示例代码: ```javascript var wmtsLayer = L.tileLayer.wmts('http://myWMTSservice/{TileMatrixSet}/{TileMatrix}/{TileCol}/{TileRow}.png', { layer: 'myWMTSLayer', style: 'default', matrixSet: 'EPSG:4326', format: 'image/png', attribution: 'My WMTS Service' }).addTo(map); ``` 以上代码将从名为"myWMTSservice"的WMTS服务加载名为"myWMTSLayer"的图层数据。图层使用默认样式和EPSG:4326投影。加载的切片数据是PNG格式的图像。图层的属性会显示在地图上。 总之,leaflet.tilelayer.wmts是一个用于加载和显示基于WMTS协议的切片地图图层的模块,通过配置WMTS服务的URL地址和其他属性,可以将WMTS图层添加到Leaflet地图上。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值