路线大屏页面创建

This commit is contained in:
2024-09-25 09:45:16 +08:00
parent 26686e62e4
commit 1cbafa71d1
6 changed files with 263 additions and 21 deletions
+2 -7
View File
@@ -11,14 +11,9 @@ export default {
},
methods: {
initializeMap() {
var imageURL = "http://t0.tianditu.gov.cn/img_w/wmts?" +
"SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" +
"&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=1eb44fae5b9dc454442b322e9a41d233";
//创建自定义图层对象
var lay = new T.TileLayer(imageURL, {minZoom: 1, maxZoom: 18});
var config = {layers: [lay]};
// 创建地图对象
const map = new T.Map('mapContainer', config);
const map = new T.Map('mapContainer');
// 设置地图中心点和缩放级别
map.centerAndZoom(new T.LngLat(116.404, 39.915), 12);