HTML5获取地理经纬度并通过百度接口得到实时位置

大厦大厦大厦大厦在

  
  
  
  
  
  
  

  
 

	

			
点击这个按钮，获得您的经纬度：
			

获取位置
		
 
  
  

var map;
var newPoint;
var biaoZhuAddress="";
var linshi_point;
function getLocationByMap(){//mui.alert(2222);
	var options={
		enableHighAccuracy:true,//表示是否启用高精确度模式，如果启用这种模式，浏览器在获取位置信息时可能需要耗费更多的时间
		maximumAge:1000,//表示浏览器重新获取位置信息的时间间隔
		timeout:60000//表示浏览需要在指定的时间内获取位置信息，否则触发errorCallback
	}
	if(navigator.geolocation){
		navigator.geolocation.getCurrentPosition(onSuccess,onError,options);
	}else{
		//alert("该浏览器不支持获取地理位置");
		mui.toast("该浏览器不支持获取地理位置");
	}
}
function onError(error){//mui.alert(error.code);
	switch(error.code){
		case error.PERMISSION_DENIED:
			//alert("用户不允许地理定位");
			mui.toast("用户不允许地理定位");
			break;
		case error.POSITION_UNAVAILABLE:
			//alert("无法获取当前位置");
			mui.toast("无法获取当前位置");
			break;
		case error.TIMEOUT:
			//alert("操作超时");
			mui.toast("操作超时");
			break;
		case error.UNKNOWN_ERROR:
			//alert("未知错误");
			mui.toast("未知错误");
			break;
	}
}
function onSuccess(position){
	var longitude =position.coords.longitude;//经度
	var latitude = position.coords.latitude;//纬度
	//alert(longitude+"---"+latitude);
	//转换坐标
	var ggPoint = new BMap.Point(longitude, latitude);//创建点坐标 
	var convertor = new BMap.Convertor();
	var pointArr = [];
	pointArr.push(ggPoint);
	convertor.translate(pointArr,1,5,translateCallback);
}
//坐标转换完之后的回调函数
function translateCallback(data){
	if(data.status === 0) {
		//根据坐标获取当前地址信息
		newPoint=data.points[0];
		getGeoAddr(newPoint,0);
	}else{
		//alert("坐标转换失败");
		mui.toast("坐标转换失败");
	}
}
//obj地址对象，type为0调用setAllValue为1调用setOneValue
function getGeoAddr(obj,type){
	var geoc = new BMap.Geocoder();
	geoc.getLocation(obj,function(rs){
		var addComp = rs.addressComponents;
		var address = addComp.province + addComp.city + addComp.district + addComp.street + addComp.streetNumber;
		if(type==1){
			setOneValue(address);
		}else{
			setAllValue(address);
		}
	});
}
function setAllValue(address){
	biaoZhuAddress=address;
	if(document.getElementById("mapAddr")){
		document.getElementById("mapAddr").innerHTML = address;
	}
	if(document.getElementById("businessAddr")){
		document.getElementById("businessAddr").value = address;
	}
	setOneValue(address);
}
function setOneValue(address){
	if(document.getElementById("mapTuoAddr")){
		document.getElementById("mapTuoAddr").innerHTML = address;
	}
}
function loadMap(){
	setOneValue(biaoZhuAddress);
	//初始化地图
	map = new BMap.Map("mapInfo");//创建地图实例
	var geolocationControl = new BMap.GeolocationControl();
	geolocationControl.addEventListener("locationSuccess", function(e){
		// 定位成功事件
		linshi_point=e.point;
		var address = '';
		address += e.addressComponent.province;
		address += e.addressComponent.city;
		address += e.addressComponent.district;
		address += e.addressComponent.street;
		address += e.addressComponent.streetNumber;
		setOneValue(address);
	});
	geolocationControl.addEventListener("locationError",function(e){
		// 定位失败事件
		//alert(e.message);
		mui.toast(e.message);
	});
	map.addControl(geolocationControl);
	map.centerAndZoom(newPoint,15);//初始化地图，设置中心点坐标和地图级别
	map.addEventListener("dragend",function(e){
		//创建标注
		//map.clearOverlays();
		//marker = new BMap.Marker(map.getCenter());
		//map.addOverlay(marker);
		var getCenter=map.getCenter();
		linshi_point=getCenter;
		getGeoAddr(getCenter,1);
	});
}
//确认标注
function queRenBiaoZhu(){
	if(linshi_point){
		newPoint=new BMap.Point(linshi_point.lng,linshi_point.lat);
	}
	var address=document.getElementById("mapTuoAddr").innerHTML;
	setAllValue(address);
}