以下是一个使用百度地图API实现在HTML中嵌入百度地图的示例代码：
<!DOCTYPE html>
<html>
<head>
<title>百度地图示例</title>
<meta charset="UTF-8">
<!-- 引入百度地图API的JavaScript库 -->
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的AK"></script>
<style type="text/css">
#mapContainer {
height: 400px;
width: 800px;
margin: 0 auto;
}
</style>
</head>
<body>
<h1>百度地图示例</h1>
<!-- 创建一个容器来显示地图 -->
<div id="mapContainer"></div>
<script type="text/javascript">
// 创建地图实例
var map = new BMap.Map("mapContainer");
// 创建中心点坐标
var point = new BMap.Point(116.404, 39.915);
// 初始化地图，设置中心点坐标和地图级别
map.centerAndZoom(point, 15);
// 添加一个标记
var marker = new BMap.Marker(point);
map.addOverlay(marker);
// 添加一个信息窗口
var infoWindow = new BMap.InfoWindow("这是一个信息窗口。");
marker.addEventListener("click", function(){
this.openInfoWindow(infoWindow);
});
</script>
</body>
</html>
在上面的代码中，我们使用了百度地图API的JavaScript库，并在页面头部引入了这个库的URL地址。在页面中，创建了一个div容器来显示地图，其ID为“mapContainer”。
在页面底部的JavaScript代码中，我们创建了一个地图实例，使用了一个中心点坐标，并初始化了地图。推荐：html引入百度地图API功能代码实现
评论