1.高德地圖JavaScript API引入：
方式1：頁面直接引入

<script type="text/javascript"src="http://webapi.amap.com/maps?v=1.3&key=您申請的key值"></script>

方式2：非同步載入引入

<scriptsrc="http://webapi.amap.com/maps?v=1.3&amp;key=您申請的key值&callback=init"></script>
<script>
functioninit(){
//此處為回撥函式執行的程式碼
 

}
</script>

2. 設定地圖顯示的容器

<div id="container"style="width:500px; height:300px"></div>

3. 建立地圖例項，用於顯示

var map = new AMap.Map('container',{
zoom:10,
center: [116.39,39.9]
});

關聯顯示容器的id值，設定顯示地圖的層級和中心點。

以上三步，實現地圖的基本顯示。