JavaScript调用百度地图API与HTML5 Geolocation获取地理位置

<!DOCTYPE html>
<html>
<body>
<p id="demo">点击此按钮获取位置：</p>
<button onclick="getLocation()">测试</button>
<script src="http://api.map.baidu.com/api?v=1.4" type="text/javascript"></script>
<script>
var x=document.getElementById("demo");
function getLocation(){
if(navigator.geolocation){
navigator.geolocation.getCurrentPosition(showPosition);
}else{
alert("浏览器不支持地理定位");
      }
   }
function showPosition(position){
 lat=position.coords.latitude;
 lon=position.coords.longitude;
 //var map = new BMap.Map("container"); // 创建Map实例
 var point = new BMap.Point(lon, lat); // 创建点坐标
 //map.centerAndZoom(point,15); // 
 //map.enableScrollWheelZoom(); 
 var gc = new BMap.Geocoder(); 
 gc.getLocation(point, function(rs){
 var addComp = rs.addressComponents;
 alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street);
 });
 }
</script>
</body>
</html>