概述：
主要学习一下高德的JS API demo，有很多理解不到位，请求多多指正
参考：http://lbs.amap.com/api/javascript-api/example/map/click-to-get-lnglat 可以直接去看
1、准备工作
注册高德获取开发者的key
2、写好JS的架构，也就是引入高德的js文件
<!doctype html>
<head>
<meta charset="utf-8"> <!--页面 字符编码为utf-8 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- 为兼容IE，采用最新edge进行渲染 -->
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"> <!-- 这主要是对手机端显示的一个设置，是否支持缩放，设置宽度适应 -->
</style><link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/> <!-- 这是高德 重置相关css样式，这是可选的-->
<title>快速入门</title>
</head>
<body>
<div id="container" tabindex="0"></div> <!-- 地图放入的容器 -->
<script src="http://cache.amap.com/lbs/static/es5.min.js"></script> <!-- 引入es5.min.js 可选的 -->
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=你注册获取的key"></script> <!-- 这是高德核心js代码，必选 -->
<script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script> <!-- 这添加左上角的工具条，可选的 -->
</body>
</html>
3、写自己的js代码，比如显示地图
<script type="text/javascript">
var map = new AMap.Map('container', {
resizeEnable: true,
zoom:11,
center: [116.397428, 39.90923]
});
</script>
总结：
1、AMap中Map需要传入的参数是，容器+内容
2、容器就是html标签一般为div
3、内容就是json格式数据，
resizeEnable 窗口可以是否可以缩放（暂时发现这个没有用）
zoom表示缩放程度，值越大，地方越详细，看到区域越小
center:表示绘制中心点，第一个是经度，第二个是纬度
4、当然内容你可以完全不写--直接写个{}，它有默认值，就是显示你所在地区
效果：
3626
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
