maptalks.wmtstilelayer

Get Start

Installation

npm install maptalks.wmtstilelayer --save

yarn add maptalks.wmtstilelayer

Usage

<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/maptalks/dist/maptalks.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/maptalks.wmtstilelayer/dist/maptalks.wmts.min.js"></script>
<script>
var wMTSTileLayer = new maptalks.WMTSTileLayer('base', {
            tileSystem : [1, -1, -180, 90],
            layer:'vec',
            tilematrixset:'c',
            format:'tiles',
            urlTemplate:'http://t{s}.tianditu.com/vec_c/wmts?tk=YOUR_TK_KEY',
            subdomains:['1', '2', '3', '4', '5'],
            attribution : '&copy; <a target="_blank" href="http://www.tianditu.cn">Tianditu</a>'
          }).addTo(map);
</script>

or

import { WMTSTileLayer } from 'maptalks.wmtstilelayer'
var wMTSTileLayer = new WMTSTileLayer('base', {
            tileSystem : [1, -1, -180, 90],
            layer:'vec',
            tilematrixset:'c',
            format:'tiles',
            urlTemplate:'http://t{s}.tianditu.com/vec_c/wmts?tk=YOUR_TK_KEY',
            subdomains:['1', '2', '3', '4', '5'],
            attribution : '&copy; <a target="_blank" href="http://www.tianditu.cn">Tianditu</a>'
          }).addTo(map);

在线demo