要在HTML中嵌入百度地图,可以使用百度地图API。下面是一个简单的示例,展示如何在HTML页面中嵌入一个百度地图:
<!DOCTYPE html> <html> <head> <title>百度地图示例</title> <meta charset="UTF-8"> <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); </script> </body> </html>
在上面的代码中,使用了百度地图API的JavaScript库,并在页面头部引入了这个库的URL地址。在页面中,创建了一个div容器来显示地图,其ID为“mapContainer”。在页面底部的JavaScript代码中,创建了一个地图实例,使用了一个中心点坐标,并初始化了地图。当页面加载时,地图将显示在div容器中。
请注意,您需要将上面代码中的“您的AK”替换为您自己的百度地图API密钥,才能正常使用百度地图API。
评论