zoukankan      html  css  js  c++  java
  • 原生js获取手机定位信息

    <script type="text/javascript">
    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
    }
    };

    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) {
    //此处就是返回的地理位置信息
    console.log(res);
    //JSON.stringify(res),把返回的对象转为字符串了,自己根据需求截取下就好
    var resstr = JSON.stringify(res);
    alert(resstr);
    });
    </script>

  • 相关阅读:
    Git: fatal: Pathspec is in submodule
    cnpm不是内部或外部命令 cnpm: command not found
    kubectl top查看k8s pod的cpu , memory使用率情况
    Docker 技巧:删除 Docker 所有镜像
    Docker 快速删除所有容器
    使用Dockerfile文件构建基于centOS系统的nodejs镜像
    CentOS下nodejs最简单的安装方法
    yum安装nodejs 8
    系统空间占用排查 tomcat超大日志catalina.out 删除 与df 状态更新
    用dockerfile构建基于centos系统的jar包的镜像
  • 原文地址:https://www.cnblogs.com/lwj820876312/p/9639610.html
Copyright © 2011-2022 走看看