Maps JavaScript API

为您的 Web 应用深度定制动态的互动式地图、位置和地理空间体验。

开始使用

使用 Maps JavaScript API 的常用功能开始构建。
按照 Google Maps Platform 入门指南中的说明，创建账号、生成 API 密钥并开始构建。

构建您的首张带标记的地图

了解如何加载 Maps JavaScript API，并向您的 Web 应用添加带标记的地图。
了解如何使用 Maps JavaScript API 创建 3D 地图。
自定义地图的方方面面，包括道路、地貌和地图注点等。
在用户点击标记时，显示带有附加信息和上下文的信息窗口。

功能

浏览介绍 Maps JavaScript API 核心功能的文档。
显示道路地图、卫星地图、混合地图、地形图和自定义地图。
自动将地图上的文字本地化为 40 多种语言。
显示默认的 Google 地图标记，或添加您自己的自定义样式标记。
自定义地图上显示的界面控件。
编写可响应用户互动和生命周期事件的代码。
利用 WebGL 的强大功能，在矢量基本地图上打造丰富的 3D 和 2D 体验。
利用互动式信息窗口，向您的标记添加更多上下文和信息。
使用内置函数在地图上绘制各种形状，包括多段线和多边形。
创建自定义叠加层以在地图上显示数据、图像和其他内容。
叠加显示您的自定义图像，它们会在用户执行平移和缩放操作时与地图保持同步。
在地图上以各种格式显示 GeoJSON 和其他数据类型。
对地图中几乎所有视觉元素的外观进行自定义样式设置。
以编程方式在三维空间内倾斜和旋转矢量基本地图。
将大量标记分组，打造更简洁的用户体验。

热图

直观呈现各地理点的数据密度。

库

在加载 Maps JS API 时引导可选库，以添加扩展功能。
了解如何在加载 Maps JS API 时引导可用的库。
让用户能够在地图上以互动方式绘图。
使用实用函数来计算地球表面的几何数据。
搜索附近的地点，启用地点自动补全功能，以及检索地点详情和照片。
添加可通过一系列照片来选择地点的互动式地图。
使用热图直观呈现各地理点的数据密度。

服务

尝试使用内置的数据服务来丰富您的 Web 应用。
获取地图上两点之间的路线（最多包含 25 个航点）。
获取一系列出发地和目的地之间的行程距离和用时。
获取地球表面各位置（包括海底）的海拔。
将地址或地点 ID 转换为坐标，反之亦然。
查询某个位置可用图像的最大缩放级别。
向您的 Web 应用添加 360 度街景图像，或上传您自己的图像。

示例应用

在本地计算机上和喜爱的代码园地中运行实时代码示例。
使用地点库搜索附近的地点。
通过自定义地图样式设置，向您的 Web 应用添加深色模式地图。
将地图上的标记图标更改为自定义图像。
在地图上创建丰富的叠加层，它们会在用户进行平移和缩放操作时保持同步。
在丰富的地图叠加层中显示实时路况。

倾斜和旋转地图

以编程方式在三维空间内倾斜和旋转矢量地图。
更多示例应用

帮助和支持

获取帮助。提供帮助，加入社区。

获取帮助。提供帮助。打造互帮互助的地图社区。

报告 bug 或提交功能请求。

了解平台出现的突发事件和服务中断。

向 Google Maps Platform 团队寻求帮助。