[百度地图api](http://lbsyun.baidu.com/index.php?title=jspopular/guide/show) [实例](http://lbsyun.baidu.com/jsdemo.htm#c2_1) [坐标拾取](http://api.map.baidu.com/lbsapi/getpoint/index.html) ~~~ <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ClVW5pKvT68HRHWB2GuLvosjVKSOzIba"></script> ~~~ ~~~ function showMap(x, y) { // 实例化一个地图 var map = new BMap.Map("container"); // 设置中心的点 var point = new BMap.Point(x,y); // 地图初始化，同时设置地图展示级别 map.centerAndZoom(point, 18); // 开启滚轮缩放 map.enableScrollWheelZoom(true); map.addControl(new BMap.NavigationControl()); map.addControl(new BMap.ScaleControl()); map.addControl(new BMap.OverviewMapControl()); map.addControl(new BMap.MapTypeControl()); map.setCurrentCity("武汉") var marker = new BMap.Marker(point); // 创建标注 map.addOverlay(marker); // 将标注添加到地图中 marker.addEventListener("click", function () { alert("欢迎来到湖北大学知行学院"); }); var label = new BMap.Label("湖北大学知行学院", { offset: new BMap.Size(20, -10) }); marker.setLabel(label); marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画 label.setStyle({ color: "red", fontSize: "12px", height: "20px", lineHeight: "20px", fontFamily: "微软雅黑", borderRadius: "5px" }); var circle = new BMap.Circle(point, 50); map.addOverlay(circle); //增加圆 } showMap(114.380881,30.6949) ~~~