使用天地图后,出现两张底图
amssedzeta opened this issue · comments
问题描述
引入天地图后,缩放为3,向下拖动地图,在上层地图的下方,会出现和上层地图一样的地图。
重现链接
No response
重现步骤
代码使用vue3框架,框架引入了pinia,scss,使用ts语法。由于是测试L7使用天地图的,所以是新建的框架,都是默认的设置,再没有引入其它第三方库。
这是app页面
`
`
这是地图页面
`
// const scene = new Scene({
// id: 'map',
// map: new GaodeMap({
// style: 'dark', // 样式URL
// center: [90.268, 40.3628],
// pitch: 0,
// zoom: 3,
// token: 'be9440d2cf56ab94327bb0b7fb82324e',
// }),
// });
const scene = new Scene({
id: "map",
map: new TMap({
center: [90.268, 40.3628],
zoom: 3,
}),
});
scene.on("loaded", () => {
// 底图服务
const baseLayer = new RasterLayer({ zIndex: 1 }).source(
"https://t0.tianditu.gov.cn/DataServer?T=vec_c&X={x}&Y={y}&L={z}&tk=b15e548080c79819617367d3f6095c69",
{
parser: {
type: "rasterTile",
tileSize: 256,
},
}
);
// 注记服务
// const annotionLayer = new RasterLayer({ zIndex: 2 }).source(
// "https://t0.tianditu.gov.cn/DataServer?T=cva_c&X={x}&Y={y}&L={z}&tk=b15e548080c79819617367d3f6095c69",
// {
// parser: {
// type: "rasterTile",
// tileSize: 256,
// },
// }
// );
scene.addLayer(baseLayer);
// scene.addLayer(annotionLayer);
});
</script>
`
预期行为
No response
平台
- 操作系统: [macOS, Windows, Linux, React Native ...]
- 网页浏览器: [Google Chrome, Safari, Firefox]
屏幕截图或视频(可选)
![微信图片_20240502021222](https://private-user-images.githubusercontent.com/162546650/327198351-350df36e-d082-41b7-b37f-65b18da873cb.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE3NDI2MDYsIm5iZiI6MTcyMTc0MjMwNiwicGF0aCI6Ii8xNjI1NDY2NTAvMzI3MTk4MzUxLTM1MGRmMzZlLWQwODItNDFiNy1iMzdmLTY1YjE4ZGE4NzNjYi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzIzJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcyM1QxMzQ1MDZaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT04NjkxNjFhYjc4YmYwZWE2ZDNkZTM1NWQwODJmY2FjZjI5NzZlMzIwNmYxMzk3MTZkYWZmOTcxMTY4MWYzMjY4JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.c3-nAmo5d4oet4feZ1lMLUP1gNOG2u8lXc899ukIw3A)
补充说明(可选)
No response
hi @amssedzeta, welcome!
Hi @amssedzeta, Please star this repo if you find it useful! Thanks ⭐!
你好~ @amssedzeta 🌟 如果这个仓库对你有帮助,可以给我们点个star支持一下~你的支持对我们来说是最大的鼓励,感谢你的支持与点赞 🌟
这个应该是瓦片 Y 方向出现了循环了,可以先限定一下最小缩放等级