前端項目中經常會有地圖模塊類的效果,那么作為前端應該如何進行地圖類模塊呢,下面小編結合自己的使用經歷與百度地圖api開發文檔所寫的百度地圖api使用教程。
第一步申請百度賬號和AK
進入百度地圖開放平臺-控制臺-創建應用
應用名稱可以隨便取一個,只要符合命名規范進行
應用類型根據自己的項目類型進行選擇
白名單由于是自己本地測試,所以只填*就可以
應用內容填寫好后進行提交

第二步獲得創建項目的AK

第三步將JavaScript文件引用到自己的項目中
這里的密鑰是第二步的Ak
第四步創建地圖容器
設置地圖容器的寬度與高度,否則看不見地圖哦
第五步設置地圖中心點以及控件
// 百度地圖API功能
var map = new BMap.Map("container");//獲得地圖容器
var point = new BMap.Point(116.328854,39.959881);//設置地圖中心點的經緯坐標
map.centerAndZoom(point, 18);//設置地圖的縮放比例
//創建標記點
var marker = new BMap.Marker(point);
map.addOverlay(marker); // 將標注添加到地圖中
詳細地圖控件見百度地圖開發平臺開發文檔
這樣一個地圖模塊就可以在自己的項目中呈現了。

上一篇: 結合cms,前端表單向后臺傳送數據
下一篇: Amaze UI移動偵察



