借助 Google Maps Platform 的最新地图、路线和地点功能,打造身临其境般的实时体验。这些功能由 Google 团队精心打造,面向世界各地的开发者提供。
由于您只需一行代码即可开始使用,因此地点界面 Kit(实验性)可帮助您专注于用户体验,而不是复杂的集成。

HTML

<html>
    <body>

      <gmp-place-details size="large">
      </gmp-place-details>

    </body>
</html>

JavaScript

async function init() {
  await google.maps.importLibrary('places');
  document
    .querySelector('gmp-place-details')
    .configureFromPlace({ id: 'ChIJj61dQgK6j4AR4GeTYWZsKWw' });
}

init();

选择导出方式

探索热门主题

2024 年 Google I/O 大会要点

2024 年 Google I/O 大会要点

从使用生成式 AI 到打造沉浸式体验的新方式,了解今年 I/O 大会上发布的产品。

观看我们的技术专题演讲

观看我们的技术会议

了解如何利用 Maps JavaScript API 打造沉浸式体验的新方法,以及如何使用 Places API 中的 Gemini 模型功能。

跟着本研讨会一起学习

Maps Compose 库研讨会

在面向 Android 开发者的此 Codelab 和视频演示中,了解如何将地图集成为可组合项、自定义和重合标记,以及在地图上绘制多边形。

React 组件

React 组件现已稳定

React Google 地图库可帮助您更轻松、更快速地在 React 应用中构建地理空间体验。

SDK 和 API

通过全面的文档、示例代码和示例应用等进行探索、学习和构建。

通过动态地图(网站版和移动版)为您的用户呈现真实世界。

在您的网站上显示静态地图。

为您的应用添加 360° 街景图像。

获取一个或一系列地点的海拔。

制作并显示使用 Google 的 3D 地理空间图像渲染的航拍视图视频。

API

提供高分辨率仿真 3D 图块、2D 图块和街景图块。

API

将您的数据上传到数据集中,以在 Google Maps Platform 应用中使用。

Directions API 和 Distance Matrix API 性能经过优化的版本,附带了额外功能。

API

为您的应用打造动态导航体验。

使用坐标标识附近的道路。

API

为多种交通方式提供路线信息,包括实时路况信息。

计算多个出发地和目的地之间的行程用时和距离。

灵活智能地为一辆或多辆车优化多经停点的路线。

API

将 Google 的地点详情、搜索和自动补全功能集成到您的应用中。

借助可直接使用的、可自定义且经济高效的组件库,将熟悉的 Google 地图地点用户体验带入您的前端用例。

JS

将坐标转换为地址,或将地址转换为坐标。

利用附近的手机基站和 Wi-Fi 节点获取设备的大致位置。

API

验证地址及其组成部分。

API

确定一组坐标的时区。

API

根据不同条件提供有关指定区域内地点的数据分析。

API

查看特定建筑物的屋顶太阳能发电潜力。

API

检索特定位置的空气质量指数、污染物和健康建议。

API

获取特定地点的花粉信息,包括类型、植物和索引。

API

观看 Google Maps Platform 视频

借助新的 Places API,受支持的地点类型数量现在增加了一倍,包括电动车辆充电站、咖啡馆、目的地的无障碍住宿等。

让用户避免在其所在地点接触空气污染物和空气花粉,更明智地做出与健康相关的日常决策。

了解如何使用 Dart 和 Flutter 将 Google 地图添加到原生 Android、iOS 和 Web 应用。

了解如何在短短 5 分钟内加载 Maps JavaScript API,并在 React 中的地图上放置标记。

工程主管 Travis McPhail 分享了以下消息:deck.gl 现已与 WebGL 叠加视图集成,可让您制作出令人惊叹的 3D 数据图表。

了解达美乐如何使用 Google Maps Platform 强化其 Pinpoint Delivery 功能。

了解如何在 Google Cloud 控制台中启用 Google Maps Platform API 和 SDK。这些 API 和 SDK 适用于各个 Web 平台和移动平台上的地图、路线和地点功能。

在本视频中,Angela Yu 概述了 Google Maps Platform API 和 SDK 提供的功能,并分享了使用这些功能所需的一些示例代码。

通过 Codelab 学习

一张地图,其中显示了黄色标记和叠加在地图上的蓝色半透明圆圈。

向 React 应用添加 Google 地图

在此 Codelab 中,您将学习开始使用适用于 Google Maps JavaScript API 的 vis.gl/react-google-map 库所需的一切知识。

Codelab:使用 SwiftUI 将地图添加到您的移动应用 - iOS

Codelab:使用 SwiftUI 将地图添加到您的移动应用 - iOS

了解如何使用 SwiftUI 将 Maps SDK for iOS 集成到您的移动应用中。

Codelab:将地图添加到您的 Android 应用 - Kotlin

Codelab:将地图添加到您的 Android 应用 - Kotlin with Compose

了解如何将 Maps Compose 库与 Maps SDK for Android 搭配使用的基础知识。

Flutter Codelab

将 Google Maps Platform 与 Flutter 搭配使用

使用 Google Maps Platform 构建 Flutter 应用。

加入我们的开发者社区

及时获取 Google Maps Platform 团队提供的最新资讯和提示。

查看我们的开源实用程序和示例应用,以便您更快更好地构建应用。

各种教程、提示、公告、开发者故事等,应有尽有。

Google Maps Platform 社区的所有最新深度资讯和故事尽汇于此。

通过由世界各地的开发者维护的代码和内容库学习。

向其他开发者求助并认识我们的 Google Maps Platform Discord 服务器团队。

获取帮助和支持

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

报告 bug 或提交功能请求。

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

向支持团队寻求帮助。选择最适合您的支持服务。

让我们开始吧

上手使用 Google Maps Platform 既快捷又轻松。

创建结算账号。启用所需功能。获取 API 密钥。开始构建。

如需了解详情,欢迎参阅我们的入门文档并观看相关视频。

帮助塑造 Google Maps Platform 的未来

即使您目前未使用我们的产品,也可报名参加我们的调研。