master

分支 (10)

管理

管理

master

oyq

hyy

LLC

song

hj

ny

ljh

dev

xfj

bbbb123
/
26地理定位加百度地图.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		<title></title>
		<style type="text/css">
		    html{height:100%}
		    body{height:100%;margin:0px;padding:0px}
		    #container{height:100%}
		</style>
	</head>
	<body>
		<div id="container"></div>
		<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=10W14fXXO0VElPqlcgbxfGxqTBfExGlo"></script>
		<script type="text/javascript">
			//演示网址：https://mengshiyu.gitee.io/bbbb123/26地理定位加百度地图.html
			if(navigator.geolocation){
				//alert("浏览器支持地理定位");
				navigator.geolocation.getCurrentPosition(success, error, {
					//是否允许使用高精度
					enableHighAccuracy: true,
					//超时时间
					timeout: 5000,
					//缓存的过期时间
					maximumAge: 60000
				});
			}else{
				//alert("浏览器不支持地理定位");
			}
			function success(position){
		        var latitude = position.coords.latitude;//十进制单位
		        var longitude = position.coords.longitude;//十进制单位
//		        var latitude = 22.861463656280538;//十进制单位
//	        	var longitude = 108.26779492179796;//十进制单位
		        //alert("经度："+longitude+"，纬度："+latitude)
				//创建地图实例
				var map = new BMapGL.Map("container");
				//创建点坐标
				var point = new BMapGL.Point(longitude,latitude);
				//map.centerAndZoom(point, 15);
				//添加坐标转换器
				var convertor = new BMapGL.Convertor();
				var pointArr = [];
				pointArr.push(point);
				convertor.translate(pointArr, 1, 5, function(data){
					var marker = new BMapGL.Marker(data.points[0]);
					map.addOverlay(marker);
					//修改地图中心点
					//map.setCenter(data.points[0]);
					//初始化地图，设置中心点坐标和地图级别
					map.centerAndZoom(data.points[0], 15);
				})
		    }
			function error(error){
			    switch(error.code){
			        case 1://错误编码 PERMISSION_DENIED
			            console.log('用户拒绝共享其位置信息');
			        break;
			        case 2://错误编码 POSITION_UNAVAILABLE
			            console.log('尝试获取用户位置数据，但失败了');
			        break;
			        case 3://错误编码 TIMEOUT
			            console.log('尝试获取用户的位置数据超时');
			        break;
			        default:
			            console.log('未知错误');
			        break;
			    }
			}

		</script>
	</body>
</html>