完整系列，请查看我的博客

HTML

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

HTML

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

CSS

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

JS

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

可以通过以下设置
JS

	var map = new AMap.Map('container',{
    	zoom: 12,
    	center: [112.549248,37.852135]
	});

也可通过map对象的方法设置

JS

	var map = new AMap.Map('container');
	map.setZoom(12);
	map.setCenter([112.549248,37.852135]);

预览

目前支持五种地图配色模版

地图类型列表

可以这样设置
JS

	var map = new AMap.Map('container', {
        resizeEnable: true,
        mapStyle:'fresh',
        center: [116.408075, 39.950187]
    });

也可以这样设置
JS

	map.setMapStyle("fresh");

预览

JS

	map.setFeatures("road");//单一种类要素显示
	map.setFeatures(['road','point'])//多个种类要素显示

预览（只显示道路要素的地图）

JavaScript API提供了工具条、比例尺、定位、鹰眼、基本图层切换等常用的控件

添加控件

JS

	map.plugin(["AMap.ToolBar"],function () {
		map.addControl(new AMap.ToolBar()); // 工具条控件
	});

（其他控件添加方式同上）

预览（带有工具条控件的地图）

参考来源：http://lbs.amap.com/
作者：Yangfan