使用高德定位API ：

  1. AMap.Map('iCenter')
  2. AMap.CitySearch()

先在高德开放平台注册申请定位权限的key。 网站；高德开放平台

在需要定位的页面引入有定位key的script

<!doctype html>

<html>

<head>

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">

    <title>基本引入展示</title>

    <script src="https://webapi.amap.com/maps?v=1.4.8&key=您申请的key值"></script>

</head>

<body>

<div id="container"></div>

</body>

</html>

使用高德定位API

需求：苹果设备使用IP定位，其他使用gps定位

function getlocation() {

            var u = navigator.userAgent;

            var ua = navigator.userAgent.toLowerCase();

            var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端

            var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端

            //GPS定位

            function locationForGPS() {

            /*********跟踪标记**********/   console.log('GPS定位开始+++');

                var map, geolocation;

                //加载地图，调用浏览器定位服务

                map = new AMap.Map('iCenter');

                map.plugin('AMap.Geolocation', function() {

                    geolocation = new AMap.Geolocation({

                        enableHighAccuracy: false,//是否使用高精度定位，默认:true

                        timeout: 10000,          //超过10秒后停止定位，默认：无穷大

                    });

                    map.addControl(geolocation);

                    geolocation.getCurrentPosition();

                    //getCityInfo是高德GPS定位里面的一个方法，先返回ip定位数据，由于IP定位有可能不准确，所以后面用GPS数据修正

                    //

                    geolocation.getCityInfo(function(status,result){

                    /*********跟踪标记**********/    console.log('与GPS同步IP定位开始，进行数据写入+++');

                        if (status === 'complete' && result.info === 'SUCCESS') {

                    /*********跟踪标记**********/    console.log('同步IP定位成功，进行数据写入+++');

                            if(isNull(sessionStorage.getItem('autouserchooselocationct'))){

                                /*********跟踪标记**********/     console.log('未检测检查有上一次定位数据，进行数据写入+++');

                                let cityAdcode=result.adcode;

                                let cityName=result.city;

                                sessionStorage.setItem('autouserchooselocationct', cityName);

                                sessionStorage.setItem('autouserchooselocationcode', cityAdcode);

                                 /*********跟踪标记**********/    console.log('同步IP定位结束，进行数据写入完成+++');

                            }

                        }

                    });

                    AMap.event.addListener(geolocation, 'complete', onComplete);//返回定位信息

                    AMap.event.addListener(geolocation, 'error', onError);      //返回定位出错信息

                });

                //GPS定位成功

                function onComplete(data) {

                    console.log(data)

                     /*********跟踪标记**********/  console.log('GPS定位启动+++');

                     //gsp定位精确到区，返回的adcode精确到了城市下属的区域，

                     //想要获取城市的abcode还需要使用高德的另一个API，城市区域查询

                    let cityName=data.addressComponent.city;

                    let geocoder = new AMap.Geocoder({});

                    //地理编码,返回地理编码结果，

                    geocoder.getLocation(cityName, function(status, result) {

                        if (status === 'complete' && result.info === 'OK') {

                        /*********跟踪标记**********/       console.log('GPS定位成功，处理定位数据+++');

                        /*********跟踪标记**********/     console.log('进行数据写入，覆盖同步IP的数据+++');

                                let cityAdcode=result.geocodes[0].adcode;

                                sessionStorage.setItem('autouserchooselocationct', cityName);

                                sessionStorage.setItem('autouserchooselocationcode', cityAdcode);

                               /*********跟踪标记**********/    console.log('GPS定位结束，进行数据写入完成+++');

                            }

                    });

                }

                //GPS定位失败

                function onError() {

                    /*********跟踪标记**********/ console.log('GPS定位失败开始启用ip定位+++');

                    locationForIp(true);

                     /*********跟踪标记**********/  console.log('gps-ip++...')

                }

            }

            //IP定位

            function locationForIp(tap) {

                 /*********跟踪标记**********/if(tap){ console.log('GPS定位失败开始启用ip定位+++');}

                     /*********跟踪标记**********/ console.log('ip定位开始+++');

                var citysearch = new AMap.CitySearch();

                //自动获取用户IP，返回当前城市

                citysearch.getLocalCity(function (status, result) {

                    if (status === 'complete' && result.info === 'OK') {

                        if (result && result.city && result.bounds) {

                            let GetUserLocation = result.city,

                                GetUserLocationcode = result.adcode;

                                /*********跟踪标记**********/console.log('ip定位成功，开始检查是否有上一次定位数据+++');

                            if(isNull(sessionStorage.getItem('autouserchooselocationct'))){

                             /*********跟踪标记**********/console.log('ip定位成功，未检测检查有上一次定位数据，进行数据写入+++');

                                sessionStorage.setItem('autouserchooselocationct', GetUserLocation);

                                sessionStorage.setItem('autouserchooselocationcode', GetUserLocationcode);

                             /*********跟踪标记**********/console.log('ip定位成功，进行数据写入结束+++');

                            }

                        }

                    } else {

                 /*********跟踪标记**********/console.log('ip定位失败，进行数据写入结束+++');

                    }

                })

            }

            if(isiOS){

                /*********跟踪标记**********/console.log('ios设备启用IP定位');

                locationForIp(false);

            }else {

                /*********跟踪标记**********/console.log('非ios设备启用GPS定位');

                locationForGPS()

            }

        }

};

移动端城市定位，城市区域代码adcode的更多相关文章

  1. html5或者移动端暴力定位城市-高德地图，可以取到当前的城市code，亲测好用

    复制 粘贴到html中打开!!!!! <!doctype html> <html> <head> <meta charset="utf-8" ...

  2. [RN] 全国城市列表选择 (包含定位城市、热门城市、全国城市)

    全国城市列表选择 (包含定位城市.热门城市.全国城市) 用ScrollView 实现,解决 SectionList 实现的卡顿问题 实现效果如图: 代码实现如图: 主逻辑文件 cityList.js ...

  3. iOS_城市定位

    技术点-利用CoreLoaction框架,实现城市定位功能. 原理: 利用苹果官方提供的CoreLocation框架实现城市定位的功能: 该框架主要包括两个比较有用的类:定位类CLLocationMa ...

  4. [android] 百度地图开发 (两).所在地的城市定位和城市POI搜索

    一个. 百度地图城市位置和POI搜索知识       上一篇文章"百度地图开发(一)"中讲述了怎样申请百度APIKey及解决显示空白网格的问题.该篇文章主要讲述怎样定位城市位置.定 ...

  5. mpvue小程序开发之 城市定位

    背景: 在进行小程序开发时,有一个定位城市的需求,下面就来讲讲怎么实现这个功能的吧 解决方案: 小程序的wx.getLocation()获得是经纬度并不包含地名,所以要通过经纬度用相应的地图转换出地名 ...

  6. 通过ip得到所在城市,以及城市所在经纬度坐标（监控系统中用的该代码，小航哥）

    监控系统中就是利用的该段代码,实现通过ip得到所在城市,以及城市所在经纬度坐标,最后得以利用echarts实现模拟迁移的效果 api官方介绍: http://lbsyun.baidu.com/inde ...

  7. 转: javascript实现全国城市三级联动菜单代码

    <html> <head> <title>js全国城市三级联动菜单代码_B5教程网</title> <meta http-equiv=" ...

  8. 获取客户端IP地址定位城市信息

    获取客户端IP地址定位城市信息 1.首先获取客户端的IP地址 function getIPaddress(){ $IPaddress=''; if (isset($_SERVER)){ if (iss ...

  9. 根据IP定位城市

    根据IP定位城市:http://www.sucaihuo.com/js/35.html 示例:http://www.sucaihuo.com/jquery/0/35/demo/

随机推荐

  1. java的基本类型和类型转化

    1.八种基本数据类型: byte-short--int --long--float--double--char 2.八种基本类型所占字节空间 一.int 整数的直接量为int: 存储范围为:- -21 ...

  2. nginx 访问php文件报错

    问题图: An error occurred. 解决方法(windows版) php.cgi没有启动 cmd中找到cig.exe 的位置然后运行   php-cgi.exe -b 127.0.0.1: ...

  3. ubuntu目录结构

    /:根目录,一般根目录下只存放目录,不要存放文件,/etc./bin./dev./lib./sbin应该和根目录放置在一个分区中 /bin:/usr/bin:可执行二进制文件的目录,如常用的命令ls. ...

  4. 微信小程序结合原生JS实现电商模板（二）

    接 <微信小程序结合原生JS实现电商模板(一)>,在首页列表加入购物车到购物和模块增删数量,动态计算商品价格实现后,本次提交主要实现了商品详情(还不完善)简单页面,从商品详情页跳转到购物车 ...

  5. 如何让 if/else 更优雅？

    if else 是我们写代码时,使用频率最高的关键词之一,然而有时过多的 if else 会让我们感到脑壳疼,有没有什么方法可以让我们避免来写这么多的 if else 呢? 1.使用 return 我 ...

  6. 对 Kubernetes 部署进行故障排除的视觉指南

    链接:https://learnk8s.io/troubleshooting-deployments

  7. 关于OAuth2.0 Authorization Code + PKCE flow在原生客户端(Native App)下集成的一点思考

    写在前面 前几天看了园友的一篇文章被广泛使用的OAuth2.0的密码模式已经废了,放弃吧 被再次提起: Implicit Flow Password Grant,均已被标记为Legacy,且OAuth ...

  8. TypeScript 初体验

    TypeScript学习 1 安装环境 a 首先安装node.js node.js 用来将ts文件解析成js文件 供浏览器使用: 解析ts文件 tsc filename.ts b. 使用npm (no ...

  9. 如何使用coredump

    一.coredump 当用户态进程出现异常后,在该进程的执行目录下生成对应的coredump文件,如果我们想将coredump生成的位置做改变,就需要如下设置. echo "/home/co ...

  10. json知识点总结(二)--JSONObject详解

    JSONObject只是一种数据结构,可以理解为JSON格式的数据结构(key-value 结构),可以使用put方法给json对象添加元素.JSONObject可以很方便的转换成字符串,也可以很方便 ...