Google Maps API 教程

本教程将向您介绍如何使用 Google Maps API 进行地图集成。通过本教程，您可以了解如何获取API密钥、添加地图到网页以及使用各种功能。

快速开始

1. 获取API密钥：

   • 访问 Google Cloud Console。
   • 创建一个新项目或选择现有项目。
   • 在API & Services菜单中，启用Google Maps JavaScript API。

2. 添加地图到网页：

   • 在HTML文件中，引入Google Maps JavaScript API。

   <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap&libraries=places" async defer></script>
   

   • 在JavaScript中，初始化地图。

   function initMap() {
       var map = new google.maps.Map(document.getElementById('map'), {
           zoom: 8,
           center: {lat: -34.397, lng: 150.644}
       });
   }
   

3. 使用标记（Marker）：

   • 在地图上添加标记，显示特定位置。

   var marker = new google.maps.Marker({
       position: {lat: -34.397, lng: 150.644},
       map: map,
       title: 'Hello World!'
   });
   

4. 自定义地图样式：

   • 通过Map Style Editor自定义地图外观。
   • 将生成的样式字符串添加到API请求中。

扩展阅读

更多关于Google Maps API的信息，请访问官方文档。

Google Maps