js高德地图使用入门(1)

从今天开始跟大家一起入门学习高德api的使用，争取天天更新文章，保证进度

1.准备工作： 登录地址完成注册，获取到key值 console.amap.com/dev/key/app

2.开始一个简单的模版渲染 参考代码如下：

3.如何引入js api呢

同步：（直接引用）

<script src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值&callback=init"></script>
<script>
        var map = new AMap.Map('container', {
           center:[117.000923,36.675807],
           zoom:11
        });
   
</script>

异步：（通过回调引用）

<script type="text/javascript">
    window.init = function(){
        var map = new AMap.Map('container', {
           center:[117.000923,36.675807],
           zoom:11
        });
    }
</script>
<script src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值&callback=init"></script>

下篇文章，我们讲解高德的基本组成