<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/style.css" rel="stylesheet">
<link href="https://cdn.bootcdn.net/ajax/libs/leaflet/1.6.0/leaflet.css" rel="stylesheet">
<script src="https://cdn.bootcdn.net/ajax/libs/leaflet/1.6.0/leaflet.js"></script>
<style>
#map{
position:absolute;
width:100vw;
height:100vh;
}
</style>
</head>
<body>
<div id='map'>
</div>
<script>
var map = L.map('map',{
crs:L.CRS.EPSG4326
}).setView([51.505, -0.09], 13);
L.tileLayer(
"https://t0.tianditu.gov.cn/vec_c/wmts?layer=vec&style=default&tilematrixset=c&Service=WMTS&Request=GetTile&Version=1.0.0&Format=tiles&TileMatrix={z}&TileCol={x}&TileRow={y}&tk=0b018552994f71a9467d24461a8f8238", {
maxZoom: 20,
tileSize: 256,
zoomOffset: 1,
}
).addTo(map);
// L.tileLayer.wms("http://localhost:8080/geoserver/wms/wms", {
// layers: 'wms:VEGPL',
// format: 'image/png',
// transparent: true,
// // srs: 'EPSG:4326',
// attribution: "Weather data © 2012 IEM Nexrad"
// }).addTo(map);
L.tileLayer.wms("http://218.244.250.80:8080/erdas-apollo/coverage/CGLC", {
layers: 'cglc30_2010_0',
format: 'image/png',
transparent: true,
// srs: 'EPSG:4326',
attribution: "Weather data © 2012 IEM Nexrad"
}).addTo(map);
</script>
</body>
</html>