html5定位经纬度不准确，转换百度地图API

来源：互联网发布：战国之怒虎符进阶数据编辑：程序博客网时间：2024/05/17 04:17

使用过html5定位，通过百度地图转化，感觉位置还是很精确，误差也在十来米左右的样子，不通过转换的定位，位置相差很远。现在这个方法就基本很准确了

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="viewport" content="initial-scale=1.0, user-scalable=no" /><script type="text/javascript" src="jquery-1.7.1.min.js"></script> <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的钥匙"></script> <script type="text/javascript" src="convertor.js"></script> <title>html5 Gps转百度</title><style type="text/css">        body, html,#allmap {width: 100%;height: 300px;overflow: hidden;margin:0;font-family:"微软雅黑";}    </style></head><body><div id="allmap"></div></body></html><script type="text/javascript">var map = new BMap.Map("allmap");  var longitude, latitude;  navigator.geolocation.getCurrentPosition(function (position) {  //alert("1");longitude = position.coords.longitude;  latitude = position.coords.latitude;  });  setTimeout(function () {  var gpsPoint = new BMap.Point(longitude, latitude);  BMap.Convertor.translate(gpsPoint, 0, function (point) {  var geoc = new BMap.Geocoder();  geoc.getLocation(point, function (rs) {  map.addControl(new BMap.NavigationControl()); map.addControl(new BMap.ScaleControl()); map.addControl(new BMap.OverviewMapControl()); map.centerAndZoom(point, 18); map.addOverlay(new BMap.Marker(point)) ;//alert("2");var addComp = rs.addressComponents;  alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber);  alert('您的位置：'+rs.point.lng+','+rs.point.lat);});  });  }, 1000); </script>

0 0