基于浏覽器的HTML5查找地理位置

發布時間：2017年10月28日浏覽次數：867 次

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>基于浏覽器的HTML5查找地理位置</title>

<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script>
<script language="javascript">
      function getLocation(){
            var options={
                  enableHighAccuracy:true,
                  maximumAge:1000
            }
            if(navigator.geolocation){
                  navigator.geolocation.getCurrentPosition(onSuccess,onError,options);//浏覽器支持geolocation
            }else{
                  //浏覽器不支持geolocation
            }
      }

      //成功時
      function onSuccess(position){
            //返回用戶位置
            var longitude =position.coords.longitude; //經度
            var latitude = position.coords.latitude; //緯度

            //使用百度地圖API
            //創建地圖實例
            var map =new BMap.Map("container");

            //創建一(yī)個坐标
            var point =new BMap.Point(longitude,latitude);
            //地圖初始化，設置中(zhōng)心點坐标和地圖級别
            map.centerAndZoom(point,15);
      }
      //失敗時
      function onError(error){
            switch(error.code){
                  case 1:
                   alert("位置服務被拒絕");
                   break;
                  case 2:
                   alert("暫時獲取不到位置信息");
                   break;
                  case 3:
                   alert("獲取信息超時");
                   break;
                  case 4:
                   alert("未知(zhī)錯誤");
                   break;
            }
      }
      window.onload=getLocation;
</script>
</head>
<body>
<div id="container" style="width:100%;height:100%; position:absolute; top:0; left:0; right:0; bottom:0;"></div>
</body>
</html>