第三方高德地图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楼块层,当地图缩放级别达到17、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');