[百度地圖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) ~~~