通过浏览器geolocation属性获取经度和纬度(1)
2017-04-28 15:38
330 查看
网页获取用户位置信息的办法 1 调用百度地图的地图标注功能,通过百度地图API获取对应的经度和纬度进而获取地区信息 优点是比较准确,缺点是需要用户自己选择位置 2 通过H5 geolocation属性获取经度和纬度,优点是用户只需要点击允许获取即可,缺点是浏览器获取的经度相对不是很准确而且仍旧需要用户确认。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>基于浏览器的查找地理位置</title> <!-- 百度API --> <script src="http://api.map.baidu.com/api?v=1.2" type="text/javascript"></script> <script> function getLocation(){ var options={ enableHighAccuracy:true, maximumAge:1000 } if(navigator.geolocation){ //浏览器支持geolocation navigator.geolocation.getCurrentPosition(onSuccess,onError,options); }else{ //浏览器不支持geolocation alert('您的浏览器不支持地理位置定位'); } } //成功时 function onSuccess(position){ //返回用户位置 //经度 var longitude =position.coords.longitude; //纬度 var latitude = position.coords.latitude; alert('经度'+longitude+',纬度'+latitude); //根据经纬度获取地理位置,不太准确,获取城市区域还是可以的 var map = new BMap.Map("allmap"); var point = new BMap.Point(longitude,latitude); var gc = new BMap.Geocoder(); gc.getLocation(point, function(rs){ var addComp = rs.addressComponents; alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber); }); } //失败时 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> </body> </html>
相关文章推荐
- 通过经度、纬度获取地址名称[JS实现]
- 通过反射获取类的所有属性和方法
- JavaScript-通过属性名,获取对象相关属性的值
- IE6/7中getAttribute获取href/src 属性(相对路径0值与其它浏览器不同
- QTP的那些事---通过html标签的属性获取对象(类似onclick的属性)
- 根据地址获取经度和纬度
- 百度地图获取某个城市的经度纬度
- 通过request对象获取访问网站用户的 IP 访问者的浏览器名 操作系统名 从哪里转过来 以及 Url 上的所有参数
- SilverLight系列——通过反射获取或设置指定属性路径表达式的值
- 通过反射获取街道这个类的所有属性、所有方法信息
- 通过XmlNodeType.ProcessingInstruction属性获取到InfoPath XML文件头信息
- 通过sql语句 获取表的所有字段名 类型等属性
- google地图获取经度、纬度
- Flex中如何通过监听focusIn和focusOut事件,在通过displayAsPassword属性固定密码格式显示文本框获取焦点时显示文本
- google地图获取经度、纬度
- 通过user-Agent获取浏览器和操作系统信息
- 通过反射获取类的所有属性和方法
- 在Silverlight中通过WCF和ArcGIS SDE获取图层中的属性和要素List
- IE6/7中getAttribute获取href/src 属性(相对路径0值与其它浏览器不同
- GPS定位纬度,经度后,通过GOOGLE MAP API解析出地址