高德云地图简单使用

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/