首先注册高德地图API账户成为开发者用户，然后申请key与密钥，应用管理——我的应用——创建新应用。
加载高德地图：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>高德地图</title>
<!--1、 引入资源 -->
<script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=您申请的key值"></script>
<script type="text/javascript">
window._AMapSecurityConfig = {
securityJsCode: "您申请的安全密钥",
};
</script>
<!--3、 设置地图样式 -->
<style>
#container{
width: 800px;
height: 800px;
}
</style>
</head>
<body>
<!-- 2、创建地图容器 -->
<div id="container"></div>
<script>
var map = new AMap.Map("container", {
zoom: 12,
});
</script>
</body>
</html>常用快捷键：
1、创建标签快捷键：
<!-- div#container Tab键 -->
<div id="container"></div>2、设置style快捷键：
// w800+h800 Tab键
width: 800px;
height: 800px;
// bgc Tab键
background-color: #fff;
其他功能的实现与openlayers大差不差，API文档写的也比较详细，这里也不在赘述，参见 JS API 安全密钥使用-基础-进阶教程-地图 JS API 2.0 | 高德地图API