1、首先写一个HTML页面如下
2、页面显示效果如下
3、在HTML中引入高德地图的css文件和js文件
<link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css"/>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值"></script>
4、添加js代码，new一个map对象，设置好map的中心点和级数等属性
var map;
function initAmap(){
map = new AMap.Map("container", {
resizeEnable: true,//设置地图可以改变大小
center: [116.478935,39.997761],//地图中心点
zoom: 17 //地图级数
});
map.setFitView();//让地图自适应的显示在区域中
}
5、添加onload事件，让页面在加载的时候执行初始化的方法
6、最后页面显示效果如下
