<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<title>第一个百度地图入门</title>
<!-- 步骤 -->
<!-- 第一步:申请百度账号和AK
第二步:创建容器 设置容器样式
第三步:引用百度地图API文件
第四步:创建地图实例 设置中心点坐标 地图初始化,同时设置地图展示级别
-->
<!-- //引用百度地图API文件 -->
<!-- //设置容器样式 -->
<style type="text/css">
html {
height: 100%
}
body {
height: 100%;
margin: 0px;
padding: 0px
}
#container {
height: 100%
}
</style>
</head>
<body>
<!-- //创建容器 -->
<div id="container">
</div>
<script>
//创建地图实例
var map = new BMap.Map("container");
//设置中心点坐标
var point = new BMap.Point(116.404, 39.915);
//地图初始化,同时设置地图展示级别
map.centerAndZoom(point, 15);
map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放
</script>
</body>
</html>
第一个百度地图入门
最新推荐文章于 2022-11-14 00:56:37 发布