官方示例之地球模块二：底图切换

关注

VIP免费原创最新推荐文章于 2026-06-16 15:41:02 发布 622 阅读 AI 写同款· GEO 优化 ›

Google瓦片地图URL参数全解析与实战应用本文全面解析Google瓦片地图URL参数，包括lyrs、scale、x、y、z等核心参数的功能与配置方法，帮助开发者高效实现地图瓦片的动态加载与优化。通过实战案例展示如何选择地图类型、提升显示精度及优化性能，适用于各类地理信息系统开发。阅读详情

/**
 * 该示例主要展示了地图底图切换功能
 */
var app = new THING.App();
// 设置地图背景为黑色
app.background = [0, 0, 0];

var mapConfig = {
   
   
	'Google': {
   
   
		'影像': 'https://mt{0,1,2,3}.google.cn/vt/lyrs=s&hl=zh-CN&gl=cn&x={x}&y={y}&z={z}',
		'街道': 'https://mt{0,1,2,3}.google.cn/vt/lyrs=m&hl=zh-CN&gl=cn&x={x}&y={y}&z={z}',
		'影像带标注': 'https://mt{0,1,2,3}.google.cn/vt/lyrs=y&hl=zh-CN&gl=cn&x={x}&y={y}&z={z}',
		'地形带标注': 'https://mt{0,1,2,3}.google.cn/vt/lyrs=p&hl=zh-CN&gl=cn&x={x}&y={y}&z={z}'
	},
	'高德': {
   
   
		'影像': 'https://webst0{1,2,3,4}.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}',
		'街道': 'https://webst0