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

发布时间:2017年10月28日      浏览次数:336 次
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>基于浏览器的HTML5查找地理位置</title>
<!-- 百度API -->
<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");
            
            //创建一个坐标
            var point =new BMap.Point(longitude,latitude);
            //地图初始化,设置中心点坐标和地图级别
            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("未知错误");
                   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>
免责声明:本站相关技术文章信息部分来自网络,目的主要是传播更多信息,如果您认为本站的某些信息侵犯了您的版权,请与我们联系,我们会即时妥善的处理,谢谢合作!