地图图块只是将世界划分为一个索引网格。它可让您以多种制图比例高效、动态地访问和利用地图数据。借助 Map Tiles API,您可以访问多个主题地理数据集,包括 Google 精选的:
基于矢量地形数据和 Google 制图样式的路线图图片图块。
由卫星和机载相机拍摄的正像摄影,用于提供地球的俯拍(底部)图像。
山影区轮廓图。
2D 地图图块均已设置地理参考,且彼此对齐。它们的选择依据是视口的地理范围以及缩放级别。缩放级别的范围为 0(查看整个世界)到 22(查看街道和街区)。
地图主题
您可以获取以下地图主题的地图图块。
地图主题 | 说明 |
---|---|
路线图 | 道路、建筑物、地图注点和行政区划 |
卫星 | 从太空拍摄的摄影图像 |
地形 | 显示植被等自然地图项的轮廓图 |
如需通过 Map Tiles API 请求地图图块,您必须先请求会话令牌。会话令牌会跟踪地图和视口的当前状态。设置会话令牌时,您必须将 mapType
值设为与所需的地图主题一致。然后,您必须在向 Map Tiles API 发送的每个请求中添加会话令牌。
视口信息请求
视口可定义用于构建世界场景的框的大小。视口信息请求会返回构成当前视口的地图图块的详细信息。请求视口信息是为了确保您避免请求不存在的缩放级别的图像。
例如,大多数城市的图像都会缩放级别为 22,但不包含海洋,因为这最终只会显示没有特色的蓝色方块。
视口请求是采用以下格式的 HTTPS GET 请求。
curl "https://tile.googleapis.com/tile/v1/viewport?session=YOUR_SESSION_TOKEN &key=YOUR_API_KEY &zoom=zoom &north=north &south=south &east=east &west=west"
该请求包含以下字段:
zoom
- 视口的缩放级别。
north
、south
、east
、west
- 视口中最北、南、东和最西点,以度为单位。南北必须在 (-90,90) 范围内,东西必须在 (-180, 180) 范围内。要表示跨越对向子午线的边界,西可以可以是正值(例如 170),东也可以可以是负值(例如 -170)。所有参数均为必需参数。
视口信息响应
视口响应会告诉您哪些区域的图像以及哪些缩放级别。视口信息响应采用以下格式。
{
"copyright": "Map data ©2023",
"maxZoomRects": [
{
"maxZoom": 19,
"north": 90,
"south": -90,
"east": 180,
"west": -180
},
{
"maxZoom": 9,
"north": 90,
"south": -90,
"east": 180,
"west": -180
},
{
"maxZoom": 14,
"north": 84.375,
"south": -84.375,
"east": 180,
"west": -180
}, ...
]
}
响应正文包含以下字段。
copyright
- 包含一个归因字符串,当您显示路线图和卫星图块时,必须显示该字符串。如需了解详情,请参阅 Map Tiles API 政策。
maxZoomRect
- 包含与当前视口重叠的边界矩形的数组。还包含每个矩形内可用的最大缩放级别。
图块坐标函数
大多数编程语言都提供了各种工具(简单函数),可将纬度/经度对转换为特定缩放级别的图块坐标。请考虑以下 JavaScript 代码示例,该代码示例首先从 latLng
转换为点,然后从点转换为图块坐标。
var TILE_SIZE = 256;
function fromLatLngToPoint(latLng) {
var mercator = -Math.log(Math.tan((0.25 + latLng.lat() / 360) * Math.PI));
return {
x: TILE_SIZE * (latLng.lng() / 360 + 0.5),
y: TILE_SIZE / 2 * (1 + mercator / Math.PI)
};
}
function fromLatLngToTileCoord(latLng, zoom) {
var point = fromLatLngToPoint(latLng);
var scale = Math.pow(2, zoom);
return {
x: Math.floor(point.x * scale / TILE_SIZE),
y: Math.floor(point.y * scale / TILE_SIZE),
z: zoom
};
}