百度地图 HTML 地图开发指南 - 快速入门

百度地图提供了丰富的 HTML 地图 API，您可以通过以下步骤轻松创建自己的 HTML 地图：

1. 注册百度地图开发者账号并获取开发者 Key

2. 在 HTML 页面中引入地图 API 的 JS 文件

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=your_app_key"></script>

其中，'your_app_key' 替换为您的开发者 Key。

3. 创建地图容器

在 HTML 页面中创建一个容器元素，用于显示地图，例如：

<div id="map" style="width: 100%; height: 600px;"></div>

4. 初始化地图

在 JS 文件中使用 BMap.Map 类初始化地图对象，并设置中心点坐标和缩放级别等属性，例如：

var map = new BMap.Map("map");    // 创建 Map 实例
var point = new BMap.Point(116.404, 39.915);  // 创建中心点坐标
map.centerAndZoom(point, 15);     // 初始化地图，设置中心点坐标和缩放级别

5. 添加控件和覆盖物

可以使用 BMap 类提供的方法添加控件和覆盖物，例如：

var marker = new BMap.Marker(point);  // 创建标注
map.addOverlay(marker);               // 将标注添加到地图中

以上是使用百度地图 API 创建 HTML 地图的基本步骤。更多详细内容，请参考百度地图 API 文档： https://lbsyun.baidu.com/index.php?title=jsapi_v2_0