第三方高德地圖Javascript API

    1.    申請JSAPI的開發者Key ；   http://lbs.amap.com/dev/key

    2.    引入高德地圖JSAPI文件；

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

   

AMap.Scale    // 地圖的比例因子
// 基礎類
AMap.Pixel    //像素座標，肯定地圖上的一個像素點。
AMap.Size    //地物對象的像素尺寸
AMap.LngLat    //地圖經緯度座標，肯定地圖上的一個點。
AMap.Bounds     // 地物對象的經緯度矩形範圍。
AMap.Map        //地圖對象類，封裝了地圖顯示、交互等操做的方法。
AMap.View2D    //二維地圖顯示視口，用於定義二維地圖靜態顯示屬性
AMap.Marker     //點標記。
AMap.MarkerShape    //用於劃定Marker的可點擊區域範圍（IE不起做用）
AMap.Icon    //點標記的圖標，用於添加複雜點標記，，即在普通點標記的基礎上，添加Icon類
AMap.Polyline    //覆蓋物>折線
AMap.Polygon    //覆蓋物>多邊形
AMap.Circle     //覆蓋物>圓
AMap.GroundImage    //圖片覆蓋物類，用於添加一個只有一張圖片的圖層，圖片會隨縮放級別而自適應縮放。
AMap.InfoWindow    //用於在地圖上彈出一個詳細信息展現窗體
AMap.ContextMenu    //地圖右鍵菜單
AMap.TileLayer    //切片圖層類，該類爲基礎類。
AMap.TileLayer.Satellite    //衛星圖層類，繼承自TileLayer。
AMap.TileLayer.RoadNet    //路網圖層類，繼承自TileLayer。
AMap.TileLayer.Traffic    //    實時交通圖層類，繼承自TileLayer。
Buildings 類    //用於在地圖上顯示3D樓塊層,當地圖縮放級別達到1七、18級時能夠顯示
AMap.IndoorMap    //室內圖層類，用戶在將地圖縮放到必定縮放級別後，能夠顯示某些建築物內的地圖信息。
AMap.ImageLayer    //圖片圖層類，用戶能夠將一張靜態圖片做爲圖層添加在地圖上，圖片圖層會隨縮放級別而自適應縮放。
AMap.MassMarks    //表示海量點類，利用該類可同時在地圖上展現萬級別的點，目前僅適用於html5瀏覽器。

// 在線插件
http://lbs.amap.com/api/javascript-api/reference/plugin/

    3.    在頁面body裏你想展現地圖的地方建立一個div 容器，並指定id標識:

<div id="container"></div>

#container {width:300px; height: 180px; }

    4.     建立地圖

 var map = new AMap.Map('container');