console
function initialize() {
var map = new BMap.Map("container");
var point = new BMap.Point(121.5097199, 31.2425584);
map.centerAndZoom(point, 15);
map.addControl(new BMap.NavigationControl({type: BMAP_NAVIGATION_CONTROL_SMALL}));
map.addControl(new BMap.OverviewMapControl());
map.addControl(new BMap.MapTypeControl());
map.addControl(new BMap.GeolocationControl({offset: new BMap.Size(10, 60)}));
var marker = new BMap.Marker(point);
map.addOverlay(marker);
var circle = new BMap.Circle(point,500,{strokeColor:"blue", strokeWeight:2, strokeOpacity:0.3});
map.addOverlay(circle);
}
window.onload = initialize;
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=je9h7EOx3mZk3HwLOUZBRr59yGpYUvY1"></script>
<div id="container"></div>
html {
height:100%
}
body{
height:100%;
margin:0px;
padding:0px
}
#container{
height:600px;
width: 800px;
margin-top: 50px;
margin-left: 50px;
}