移动端城市定位，城市区域代码adcode

使用高德定位API ：

AMap.Map('iCenter')
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,//是否使用高精度定位，默认:truetimeout: 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相关推荐

vue移动端获取定位_vue手机移动端城市定位和选择代码
特效详情: vue手机移动端城市定位和选择代码,默认获取我的当前所在城市定位,可自定义更换选择城市,带城市列表首字母导航功能.请在手机端查看演示,电脑端无法选择. js代码 var app = new ...
[RN] 全国城市列表选择 (包含定位城市、热门城市、全国城市)
全国城市列表选择 (包含定位城市.热门城市.全国城市) 用ScrollView 实现,解决 SectionList 实现的卡顿问题实现效果如图: 代码实现如图: 主逻辑文件 cityList.js ...
Android 高德地图对于城市定位做地理编码+逆地理编码处理
之前有需求需要对城市定位做处理这里简单的写了一个方法,可以直观的把地址转换为坐标,并且实现城市的定位,方法里面直接传入城市名 --------- 直接上码 //切换城市private void ge ...
高德地图使用——定位城市
前言:在使用Chrome进行开发时,发现该功能无法实现,即使高德地图官网也无法实现打开网页时定位当前城市,而是定位至北京.因为,高德实现定位城市是通过浏览器本身发起定位,但是Chrome在中国无法使用 ...
Vue实现城市定位（利用百度地图）
在网上观看了大多数实现城市定位的方法,发现大部分都不能实现或者不够详细以下是整理出实现的方法 1.申请你自己的密钥百度地图开放平台 | 百度地图API SDK | 地图开发登录成功后到控制台这 ...
[android] 百度地图开发 (二).定位城市位置和城市POI搜索
一. 百度地图城市定位和POI搜索知识上一篇文章"百度地图开发(一)"中讲述了如何申请百度APIKey及解决显示空白网格的问题.该篇文章主要讲述如何定位城市位置.定位 ...
微信实现定位城市并获取城市编码
最近在做一个项目是将用户的当前所在市县定位出来并展示在手机端页面,同时还要获取到该市县的城市编码从而进行数据过滤,这里重点讲定位城市及获取城市编码前端页面代码: 首先引用腾讯地图的一个js < ...
Android 通过外网IP定位城市
Android 通过外网IP定位城市获取外网IP /*** 通过CmyIP获取获取外网外网地址需在异步线程中访问* @return 外网IP*/ public static String getO ...
uniapp、hbuilderx做微信小程序，获取当前城市定位（省份国家街道等）
获取用户当前位置分为3步 1.获取位置用户请求权限 2.获取经纬度 3.经纬度转换为城市一.获取位置用户请求权限获取权限的目的主要是因为避免转换不了城市的报错(可能出现不提示"需要先请求 ...

移动端城市定位，城市区域代码adcode

移动端城市定位，城市区域代码adcode相关推荐

最新文章

热门文章