整個流程參照：
http://blog.csdn.net/lizuqingblog/article/details/18357721?utm_source=tuicool&utm_medium=referral
但是，參照該博客做出來的效果，無法顯示地圖。
查閱官方demo，修改了其中的一個參數：
<div id="container"></div>
var map = new BMap.Map("container");
即將allmap改爲container，額。。。。。不懂JavaScript，不知道這參數什麼意思。
詳細的html代碼如下(還有部分地方進行了小修改)：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<title>MyMap</title>
<style type="text/css">
html{height:100%}
body{height:100%;margin:0px;padding:0px}
#container{height:100%}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=yunSkctp3o2aAodRCGvZU1CbfxgG86Sz">
</script>
</head>
<body>
<div id="container"></div>
<script type="text/javascript">
// °ٶȵٍ¼API¹¦Ŝ
var map = new BMap.Map("container");
var m_city = new BMap.Point(116.404,39.915);
map.centerAndZoom(m_city, 13);
var m_radius = 1000;
var m_point;
map.addEventListener("click",function(e){
var circle = new BMap.Circle(e.point,m_radius);
map.clearOverlays();
map.addControl(new BMap.MapTypeControl()); //添加地圖類型控件
map.enableScrollWheelZoom(true); //開啓鼠標滾輪縮放
map.addOverlay(circle);
m_point = e.point;
alert(e.point.lng + "," + e.point.lat);
});
function SetCity(city){ //ʨ׃³ȊϪsº¯˽
m_city = city;
}
setTimeout(function(){ //500msº
