基于JavaScript定位当前的地理位置
2017-04-11 16:20
736 查看
本文实例为大家分享了js定位当前地理位置的具体代码,供大家参考,具体内容如下
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no"> <title>Title</title> </head> <body> 您目前在<p></p> </body> <script> //定义一个空的位置构造函数 function Location(){}; //定义一个可以获得经纬度的方法 Location.prototype.getLocation = function(callback){ var options = { enableHighAccuracy: true, maximumAge: 1000 }; this.callback = Object.prototype.toString.call(callback) =="[object Function]" ? callback : function(address){ alert(address.province + address.city); console.log("getocation(callbackFunction) 可获得定位信息对象"); }; var self = this; if (navigator.geolocation) { //浏览器支持geolocation navigator.geolocation.getCurrentPosition(function(position){ //经度 var longitude = position.coords.longitude; //纬度 var latitude = position.coords.latitude; self.loadMapApi(longitude,latitude); }, self.onError, options); } else { //浏览器不支持geolocation } }; //定义一个可以解析经纬度的方法,调用百度的api Location.prototype.loadMapApi = function(longitude, latitude){ var self = this; var oHead = document.getElementsByTagName('HEAD').item(0); var oScript= document.createElement("script"); oScript.type = "text/javascript"; oScript.src="http://api.map.baidu.com/getscript?v=2.0&ak=A396783ee700cfdb9ba1df281ce36862&services=&t=20140930184510"; oHead.appendChild(oScript); oScript.onload = function(date){ var point = new BMap.Point(longitude, latitude); var gc = new BMap.Geocoder(); gc.getLocation(point, function(rs) { var addComp = rs.addressComponents; self.callback(addComp); }); } }; //定义出现查询位置出现意外的方法 Location.prototype.onError = function(error) { switch (error.code) { case 1: alert("位置服务被拒绝"); break; case 2: alert("暂时获取不到位置信息"); break; case 3: alert("获取信息超时"); break; case 4: alert("未知错误"); break; } }; //调用 var local = new Location(); local.getLocation(function(res){ var str="" for(i in res ){ str=res[i]+str } document.querySelector("p").innerHTML=str; }) </script> </html>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- 基于JavaScript实现根据手机定位获取当前具体位置(X省X市X县X街道X号)
- 基于JavaScript实现根据手机定位获取当前具体位置(X省X市X县X街道X号)
- [Javascript] HTML5 地理位置定位(HTML5 Geolocation)原理及应用
- Javascript学习总结@html5实现定位地理位置
- js实现PC端根据IP定位当前城市地理位置
- 在Fragment中实现百度地图,定位到当前位置(基于SDKv2.1.0)
- 用js定位当前的地理位置
- 百度地图api web获取当前位置浏览器JavaScript定位 javaweb 浏览器端
- 【百度地图api】之获取当前用户地理位置-浏览器定位
- 基于百度地图的HTML5地理位置定位实例
- 用百度高精度IP定位服务返回当前地理位置
- 基于HTML5的地理位置定位实验
- HTML5调用百度地图API进行地理定位实例 ,定位当前位置
- 通过javascript 获取当前地理位置 所在城市
- 快速开发轻量级App 基于地理位置定位(LBS)React Native+Node.js
- 百度地图api web获取当前位置浏览器JavaScript定位javaweb jquery
- js实现PC端根据IP定位当前城市地理位置
- iOS开发,定位当前所在地理位置偏移,坐标转换
- 基于IP地址的HTML5地理位置定位 Geolocation API实例
- html5--位置感知(基于js的地理定位geolocation API)结合Google Maps