SunTao/xjsaas-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix：修改地图放大层级

Browse Source
This commit is contained in:
SunTao
2025-03-28 14:15:03 +08:00
parent 9953c5004c
commit 22d329922a
2 changed files with 114 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/map/fssm-map.vue
+60 -2
View File
@@ -2,7 +2,7 @@
* @Author: SunTao 328867980@qq.com
* @Date: 2024-10-14 10:46:23
* @LastEditors: SunTao 328867980@qq.com
* @LastEditTime: 2025-01-07 17:07:28
* @LastEditTime: 2025-03-28 13:51:38
* @FilePath: \znxjxt-ui\src\components\map\fssm-map.vue
* @Description: 公共地图
-->
@@ -76,6 +76,11 @@ export default {
type: String,
default: "10",
},
// 接受传过来的地图最大层级
maxZoom: {
type: Number,
default: 18,
},
// 是否显示绘制多边形功能
showDraw: {
type: Boolean,
@@ -293,7 +298,7 @@ export default {
zoom: this.zoom, //图层缩放大小
projection: "EPSG:4326",
minZoom: 7,
maxZoom: 18,
maxZoom: this.maxZoom,
}),
// 内网
// layers: [tianditu_cva_c, tianditu_vec_c, tianditu_img_c],
@@ -307,6 +312,19 @@ export default {
source: new XYZ({
url: "https://webst01.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}",
// projection: "EPSG:4326",
tileLoadFunction: (tile, src) => {
const tileCoord = tile.getTileCoord();
let zoom = tileCoord[0];
if (zoom > 18) {
// 当缩放层级大于 18 时，使用 18 层的瓦片
zoom = 18;
const scale = Math.pow(2, tileCoord[0] - 18);
const newX = Math.floor(tileCoord[1] / scale);
const newY = Math.floor(tileCoord[2] / scale);
src = `https://webst01.is.autonavi.com/appmaptile?style=6&x=${newX}&y=${newY}&z=${zoom}`;
}
tile.getImage().src = src;
},
}),
visible: false,
});
@@ -323,6 +341,19 @@ export default {
source: new XYZ({
url: "http://10.60.5.242:25003/v3/tile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}",
// projection: "EPSG:4326",
tileLoadFunction: (tile, src) => {
const tileCoord = tile.getTileCoord();
let zoom = tileCoord[0];
if (zoom > 18) {
// 当缩放层级大于 18 时，使用 18 层的瓦片
zoom = 18;
const scale = Math.pow(2, tileCoord[0] - 18);
const newX = Math.floor(tileCoord[1] / scale);
const newY = Math.floor(tileCoord[2] / scale);
src = `http://10.60.5.242:25003/v3/tile?lang=zh_cn&size=1&scale=1&style=8&x=${newX}&y=${newY}&z=${zoom}`;
}
tile.getImage().src = src;
},
}),
visible: true,
});
@@ -332,6 +363,19 @@ export default {
source: new XYZ({
url: "http://10.60.5.242:25033/v3/tile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}",
// projection: "EPSG:4326",
tileLoadFunction: (tile, src) => {
const tileCoord = tile.getTileCoord();
let zoom = tileCoord[0];
if (zoom > 18) {
// 当缩放层级大于 18 时，使用 18 层的瓦片
zoom = 18;
const scale = Math.pow(2, tileCoord[0] - 18);
const newX = Math.floor(tileCoord[1] / scale);
const newY = Math.floor(tileCoord[2] / scale);
src = `http://10.60.5.242:25033/v3/tile?lang=zh_cn&size=1&scale=1&style=8&x=${newX}&y=${newY}&z=${zoom}`;
}
tile.getImage().src = src;
},
}),
visible: true,
});
@@ -347,6 +391,20 @@ export default {
source: new XYZ({
url: "https://webrd0{1-4}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}",
// projection: "EPSG:4326",
subdomains: ["1", "2", "3", "4"],
tileLoadFunction: (tile, src) => {
const tileCoord = tile.getTileCoord();
let zoom = tileCoord[0];
if (zoom > 18) {
// 当缩放层级大于 18 时，使用 18 层的瓦片
zoom = 18;
const scale = Math.pow(2, tileCoord[0] - 18);
const newX = Math.floor(tileCoord[1] / scale);
const newY = Math.floor(tileCoord[2] / scale);
src = `https://webrd0{1-4}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x=${newX}&y=${newY}&z=${zoom}`;
}
tile.getImage().src = src;
},
}),
visible: true,
});