高德云地图简单使用

1.注册

http://yuntu.amap.com/datamanager/

2.创建key

右上角开发者信息--->应用管理---->创建key

3.简单使用

JS引入

http://webapi.amap.com/maps?v=1.4.0&key=添加的key值

----------------------------------------------------------------------------------------------------------------------------------------------

    <style type="text/css">//设置div大小
        body{padding:10px;}
        #iCenter{width:100%;height:400px;border:1px solid #F6F6F6;margin:10px 0 0;}
        h1,p{line-height:1.5em;}
        span{float:right;}
    </style>

<div id="iCenter"></div>
<script type="text/javascript">

    var mapObj;
    //初始化地图对象，加载地图
    function mapInit(){
        mapObj = new AMap.Map("iCenter",{center:new AMap.LngLat(120.398719,36.187826),level:12});
//        var layerOptions = {
//            query:{keywords: ''},
//            clickable:true
//        };
//        cloudDataLayer = new AMap.CloudDataLayer('59c9f77cafdf521e8689803f', layerOptions); //实例化云图层类
//        cloudDataLayer.setMap(mapObj); //叠加云图层到地图
        var trafficLayer = new AMap.TileLayer.Traffic(); //实时路况图层
        trafficLayer.setMap(mapObj);
    }
    $(function(){
        mapInit();
    });

</script>

4.如果想更深层次的使用

官网API http://lbs.amap.com/api/javascript-api/summary/