高德地图Js API的使用

申请JSAPI的开发者key

申请地址：http://lbs.amap.com/dev/key

引入高德地图JavaScript API文件:

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

创建地图容器

在页面body里你想展示地图的地方创建一个div 容器，并指定id标识:

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

指定容器大小

按照需要设定地图容器的大小，确保大小合适,比如用CSS这样设置它:

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

创建地图

设定地图的中心点和级别

我们一般需要给地图按需设定中心点和坐标等属性，这里可以通过两种方式，第一种，直接在地图初始化的时候传入相关属性，center属性的值可以使经纬度的二元数组，也可以是AMap.LngLat对象，要求经度值在前，纬度值在后：

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

也可以在地图初始化过后，任何需要的地方通过方法来改变地图的中心点和级别

    var map = new AMap.Map('container');
    map.setZoom(10);
    map.setCenter([116.39,39.9]);

map基本参数：