在 HTML 中使用地图 API，需要先引入相应的 JavaScript 库，例如 Google Maps API 或者百度地图 API。接着，需要在 HTML 中创建一个容器元素来承载地图，通常是一个 div 元素，可以设置其宽度和高度。最后，通过 JavaScript 代码来初始化地图，并设置其中心点和缩放等级。以下是一个简单的示例：
<!DOCTYPE html>
<html>
<head>
<title>使用地图 API</title>
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>
<style>
#map {
width: 100%;
height: 500px;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
center: {lat: 39.9042, lng: 116.4074},
zoom: 8
});
}
window.onload = initMap;
</script>
</body>
</html>在上述示例中，我们使用了 Google Maps API，并在 head 标签中引入了相应的 JavaScript 库。接着，在 body 中创建了一个 id 为 map 的 div 元素，用来承载地图。最后，在 JavaScript 中初始化了地图，并设置了其中心点和缩放等级。需要注意的是，需要替换 YOUR_API_KEY 为你自己的 API Key。
关键词：HTML、地图 API、JavaScript 库、Google Maps API、百度地图 API、div 元素、中心点、缩放等级。