Document Maps JavaScript API Reference Manual Industry Standard Layer WMTS

WMTS

AMap.TileLayer.WMTS

A layer class for loading WMTS map services compliant with OGC standards, supporting only WMTS layers in the EPSG3857 coordinate system

Construct a WMTS layer object, set layer properties through WMTSLayerOptions

new AMap.TileLayer.WMTS(opts: WMTSLayerOptions)

Parameter

opts(WMTSLayerOptions): WMTS Layer Parameters

Attribute

Type

Description

url

String

URL of WMTS service, for example:' https://services.arcgisonline.com/arcgis/rest/services/'+ 'Demographics/USA_Population_Density/MapServer/WMTS/'

blend

Boolean

Whether to mix images of different levels when switching map levels, if the image content of the layer is partially transparent, please set it to false

params

Object

Parameters for the GetTile interface of OGC standard WMTS map services, including Version, Layer, Style, Format, Service, etc., do not add parameters such as TileMatrixSet, TileRow, TileCol, Request, for example:

{

Layer: '0',

Version:'1.0.0',

Format: 'image/png'

}

zooms

[Number, Number]

Supported zoom level range, default range: [2-30]

opacity

Number

The transparency of the layer, ranging from [0 ~ 1], 1 means completely opaque, 0 means completely transparent, default: 1

visible

Boolean

Whether to display, default: true

zIndex

Number

The order value of layer stacking, the larger the number, the higher the layer level, with 1 being the bottom layer. Default: 4

Demo

//Create a standard WMTS layer
var wmts = new AMap.TileLayer.WMTS({
  url: "https://wmts-service.pre-fc.alibaba-inc.com/amap/service/wmts", //The URL address of the WMTS service
  blend: true, //Whether images of different levels are blended when switching map levels
  tileSize: 256, //The tile size of images when loading WMTS layer services
  params: {
    LAYERS: "map:shanghai",
    VERSION: "1.1.0",
  }, //Parameters of the GetMap interface of the OGC standard WMTS map service
});

map.add(wmts);//Add the layer to the map

Method

setParams(params)

Set parameters of the OGC standard WMTS getTile interface, including Version, Layer, Style, Format, Service, etc.

Parameterparams (Object) Parameter collection,{VERSION: '1.0', ...}

Demo:

wmts.setParams({
  LAYERS: "map:shanghai",
  VERSION: "1.1.0",
});

getParams()

Obtain parameters of the OGC standard WMTS getMap interface

return value: (object) Interface Parameters

Demo:

wmts.getParams();

getUrl()

Get WMTS Service Address

return value: (String) Service Address

Demo:

wmts.getUrl();

setUrl(url)

Set WMTS Service Address

Parameterurl (String) Service Address

Demo:

wmts.setUrl("https://wmts-service.pre-fc.alibaba-inc.com/amap/service/wmts");

getOptions()

Get Layer Parameter Information

return value: (Object) Layer Parameter Information

Demo:

wmts.getOptions();

getzIndex()

Get Layer Level

return value: (Number) zIndex Layer Level

Demo:

wmts.getzIndex();

setzIndex(zIndex)

Set the layer level, the higher the number, the higher the layer level

ParameterzIndex (Number) Layer Level Value

Demo:

wmts.setzIndex(10);

getOpacity()

Get layer opacity

return value: (Number) Layer opacity

Demo:

wmts.getOpacity();

setOpacity(opacity)

Set layer opacity, range [0 ~ 1], 1 means completely opaque, 0 means completely transparent

Parameteropacity (NumberLayer opacity

Demo:

wmts.setOpacity(0.5);

getZooms()

Get the display level range of the layer, the default range is [2-30]

return value: ([Number, Number]The level range for displaying this layer

Demo:

wmts.getZooms();

setZooms(zooms)

Get the level range for displaying this layer

Parameterzooms([Number, Number]The zoom range for displaying this layer

Demo:

wmts.setZooms([8,12]);

show()

Show Layer

Demo:

wmts.show();

hide()

Hide Layer

Demo:

wmts.hide();

Event

Event Name

Description

complete

Tile Load Finished Event

For event object property descriptions, go to:MapsEvent