百度地圖開發之點擊地圖給該位置添加標注（圖標）並彈出對應的位置

1.首先要引入自己的ak

　　

        <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=xxx"></script>

2.在html中寫出地圖的掛載點

　

        <div id="sitePersonMap"></div>

　　

3.百度地圖JS 的API

            var map = new BMap.Map("sitePersonMap");                //new 一個地圖對象  
            var point=new BMap.Point(121.770944, 31.107101);        //設置地圖的中心點
            var zoom=16;                                            //設置地圖的等級
            map.centerAndZoom(point, zoom);                         // 在地圖中顯示
            map.enableScrollWheelZoom();                 //啟用滾輪放大縮小
            map.enableContinuousZoom();         //啟用地圖慣性拖拽，默認禁用
            var geoc = new BMap.Geocoder();  
            map.addEventListener("click",function(e){    //給地圖添加點擊事件
                map.clearOverlays();                    
                console.log(e);
                var lng=e.point.lng;
                var lat=e.point.lat;
                //創建標注位置
                var pt = new BMap.Point(lng, lat);
                var myIcon = new BMap.Icon("./img/icon_address.png", new BMap.Size(100,100));
                var marker2 = new BMap.Marker(pt,{icon:myIcon});  // 創建標注
	            map.addOverlay(marker2);              // 將標注添加到地圖中
                //alert(e.point.lng + "," + e.point.lat);
                geoc.getLocation(pt, function(rs){
                    var addComp = rs.address;
                    alert("當前位置是:"+addComp);
                    console.log(rs)
                });   
            });