body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}        
      
           
           
       
        
         // 百度地图API功能    //GPS坐标    var x = 116.32715863448607;    var y = 39.990912172420714;function getLocation()  {  if (navigator.geolocation)    {    navigator.geolocation.getCurrentPosition(showPosition);    }  else{ alert("该浏览器不支持获取地理位置。");}  }function showPosition(position)  {  var t="纬度: " + position.coords.latitude +   "
         
经度: " + position.coords.longitude;    x = position.coords.longitude;   y = position.coords.latitude;    var ggPoint = new BMap.Point(x,y);    //地图初始化    var bm = new BMap.Map("allmap");    bm.centerAndZoom(ggPoint, 15);    bm.addControl(new BMap.NavigationControl());    //添加gps marker和label    // var markergg = new BMap.Marker(ggPoint);    // bm.addOverlay(markergg); //添加GPS marker    // var labelgg = new BMap.Label("未转换的GPS坐标（错误）",{offset:new BMap.Size(20,-10)});    // markergg.setLabel(labelgg); //添加GPS label    //坐标转换完之后的回调函数    translateCallback = function (data){      if(data.status === 0) {        var marker = new BMap.Marker(data.points[0]);        bm.addOverlay(marker);        var label = new BMap.Label("转换后的百度坐标（正确）",{offset:new BMap.Size(20,-10)});        marker.setLabel(label); //添加百度label        bm.setCenter(data.points[0]);      }    }    setTimeout(function(){        var convertor = new BMap.Convertor();        var pointArr = [];        pointArr.push(ggPoint);        convertor.translate(pointArr, 1, 5, translateCallback)    }, 1000);  }  getLocation();        
        
       
      
     
    

执行效果：

参考资料：

http://www.runoob.com/html/html5-geolocation.html