由於每天工作接觸到的東西都在不斷增加，但是卻缺乏一個系統的記錄工具，這樣時間久了又要花時間在網上這查查那查查才能撿起來，所以索性開一個博客記錄下一下自己的一些操作記錄或者心得吧，而且本人是個菜鳥小白，所以就供個人參考和使用。好了，廢話不多說，開搞。
這次我使用到的是百度地圖API里的覆蓋物(overLay)，具體的地址可以參考http://developer.baidu.com/map/jsdemo.htm#c1_1。之前也用過圖層(Layer:主要是通過創建應用並在雲端存儲好數據，最后在頁面調取雲端的數據進行使用，用到AK和geotableId)，但是發現其數據都是存在雲端不是很方便，無法實時統計，所以就用覆蓋物這個可以直接和本地數據庫實時通信的工具。代碼參考上面網址的Demo,但是由於只用到點所以把其他圖形的覆蓋物代碼都簡略掉了，上自己的極簡版代碼。
--------------------------------------------------------------------------------------------------------------------------------
<!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" /> <style type="text/css"> body, html{width: 100%;height: 100%;margin:0;font-family:"微軟雅黑";} #allmap{height:500px;width:100%;} </style> <!--這個地方ak填寫自己申請應用的ak碼，都是免費的，具體操作可以看下圖--> <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的AK碼"></script> <title>添加/刪除覆蓋物</title> </head> <body> <div id="allmap"></div> </body> </html> <script type="text/javascript"> // 百度地圖API功能 var map = new BMap.Map("allmap");//創建一個地圖實例 var x=[116.404,116.414,116.424];// 測試用的3個點的經度 var y=[39.915,39.905,39.895];//測試用的3個點的緯度 //其實上面就可以通過發Ajax請求給后端調用數據庫來獲取一個你的數據的經度數組[]和緯度數組[] for(var i=0;i<x.length;i++) { var point = new BMap.Point(x[i],y[i]);//根據經緯度創建地圖上的一個點 map.centerAndZoom(point, 15);//設置范圍 var marker = new BMap.Marker(point); //根據點來創建點狀覆蓋物 map.addOverlay(marker);//把這個覆蓋物加載到地圖上 } </script>
上面的代碼只是實現最基本的顯示3個點的功能，其他的功能可參考API加載一些control即可。
--------------------------------------------------------------------------------------------------------------------------------
下面記錄一下申請應用AppKey(AK)的過程。
1.首先進入http://lbsyun.baidu.com/index.php?title=%E9%A6%96%E9%A1%B5網頁並登陸點擊“API控制台”，
2.點擊“創建應用“，填寫信息
3.創建成功后就有AK以及id(本應用中沒用到但是其他地方有用)，就可以使用了！
添加其他任何功能，可參考API。