html接入百度地图
要在HTML中接入百度地图,你需要按照以下步骤操作:
- 注册百度地图开发者账号,获取API Key。
- 在HTML文件中引入百度地图的JavaScript API库。
- 创建一个用于显示地图的容器元素。
- 初始化地图。
以下是一个简单的HTML示例,展示了如何接入百度地图:
<!DOCTYPE html>
<html>
<head>
<title>百度地图示例</title>
<!-- 引入百度地图API -->
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的API_KEY"></script>
<style type="text/css">
#allmap {width: 100%;height: 500px;}
</style>
</head>
<body>
<!-- 地图容器 -->
<div id="allmap"></div>
<script type="text/javascript">
// 创建地图实例
var map = new BMapGL.Map("allmap");
// 创建点坐标
var point = new BMapGL.Point(116.404, 39.915);
// 初始化地图,设置中心点坐标和地图级别
map.centerAndZoom(point, 15);
</script>
</body>
</html>
请将上述代码中的你的API_KEY
替换为你从百度地图开发者平台获取的API Key。
这段代码创建了一个地图实例,并将其显示在id
为allmap
的容器中,地图的中心点设置在北京天安门附近的地理坐标上,地图的缩放级别设置为15。
评论已关闭