一.首先引入所申請的ak金鑰<script type="text/javascript" src="http://api.map.baidu.com/api?ak=PlhFWpA02aoURjAOpnWcRGqw7AI8EEyO&v=2.0&services=false"></script> 二.簡單樣式處理一下body, html,#map {width: 100%;height: 100%;overflow: hidden;margin:0;}三.html程式碼佈局//下面的程式碼是用來顯示地圖的<div id="map"></div>四.js程式碼如下//建立Map地圖例項var map = new BMap.Map("allmap");//設定中心點座標var point = new BMap.Point(116.331398,39.897445);//初始化地圖/** *地圖型別： *普通地圖：BMAP_NORMAL_MAP *衛星地圖：BMAP_HYBRID_MAP */var map = new BMap.Map("map",{mapType:BMAP_NORMAL_MAP,minZoom:1,maxZoom:18}); //設定地圖型別及最小最大級別//設定地圖級別（1-18）map.centerAndZoom(point,12);//開啟滾輪縮放地圖map.enableScrollWheelZoom();//進行瀏覽器定位var geolocation = new BMap.Geolocation();geolocation.getCurrentPosition(function(r){// 定位成功事件if(this.getStatus() == BMAP_STATUS_SUCCESS){//alert('您的位置：'+r.point.lng+','+r.point.lat);var point = new BMap.Point(r.point.lng, +r.point.lat);}     },{enableHighAccuracy: true})//addEventListener--新增事件監聽函式//click--點選事件獲取經緯度map.addEventListener("click",function(e){    prompt("滑鼠單擊地方的經緯度為：",e.point.lng + "," + e.point.lat);});