谷歌地图API怎么画图

谷歌地图API可以使用JavaScript和HTML来绘制地图和标记。以下是绘制地图和标记的示例代码：

1. 首先，要在HTML文件中添加以下代码来引用谷歌地图API：

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>

2. 然后，在JavaScript文件中，可以使用以下代码来创建地图：

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

这将在指定的HTML元素中创建一个地图，并将其缩放级别设置为8，中心点设置为旧金山。

3. 要添加标记，可以使用以下代码：

var marker = new google.maps.Marker({
  position: {lat: 37.7749, lng: -122.4194},
  map: map,
  title: 'San Francisco'
});

这将在地图上创建一个标记，并将其位置设置为旧金山的坐标。

4. 还可以添加信息窗口来显示标记的详细信息。以下是一个示例代码：

var infowindow = new google.maps.InfoWindow({
  content: '<h3>San Francisco</h3><p>Population: 884,363</p>'
});

marker.addListener('click', function() {
  infowindow.open(map, marker);
});

这将创建一个信息窗口，并将其内容设置为旧金山的人口数量。当用户单击标记时，信息窗口将在地图上打开。

以上是使用谷歌地图API绘制地图和标记的基本步骤。您可以根据需要进行更改和扩展，以便实现您的具体需求。