如何在google地图api中绘制多个标记

在Google地图API中绘制多个标记可以通过以下步骤实现：

首先，你需要在你的网页中引入Google地图API的JavaScript库。可以使用以下代码将其添加到HTML文件的<head>标签中：

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

请将YOUR_API_KEY替换为你自己的Google地图API密钥。如果没有密钥，你可以在Google Cloud控制台上创建一个。

在HTML文件中创建一个用于显示地图的<div>元素。例如：

<div id="map"></div>

在JavaScript代码中，你需要编写一个初始化地图的函数。该函数将在Google地图API加载完成后被调用。以下是一个示例的初始化函数：

function initMap() {
  // 创建一个地图对象
  var map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: 37.7749, lng: -122.4194}, // 设置地图的中心点坐标
    zoom: 12 // 设置地图的缩放级别
  });

  // 创建多个标记
  var markers = [
    {lat: 37.7749, lng: -122.4194, title: 'San Francisco'},
    {lat: 37.3366, lng: -121.8907, title: 'San Jose'},
    {lat: 34.0522, lng: -118.2437, title: 'Los Angeles'}
  ];

  // 在地图上添加标记
  for (var i = 0; i < markers.length; i++) {
    var marker = new google.maps.Marker({
      position: markers[i], // 设置标记的位置
      map: map, // 设置标记所属的地图对象
      title: markers[i].title // 设置标记的标题
    });
  }
}

在上述代码中，我们首先创建了一个地图对象，并将其显示在指定的<div>元素中。然后，我们创建了一个包含多个标记位置的数组。最后，使用循环在地图上添加了多个标记。