利用高德api定位当前位置

高德js定位，API介绍文档地址
https://lbs.amap.com/api/javascript-api/reference/location
PC 端优先使用精确 IP 定位，IP定位失败后使用浏览器定位；手机端优先使用浏览器定位，失败后使用IP定位；
HTML代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>定位</title><script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=234969563d5e8fd4716c7b278a1a1374"></script><style>html,body,#container{width: 100%;height: 100%;}</style><meta name="viewport" content="initial-scale=1.0, user-scalable=no">
</head>
<body><div id="container"></div><script>//初始化地图var map = new AMap.Map('container', {zoom:13,//级别viewMode:'3D',//使用3D视图resizeEnable:true,//可变尺寸大小});//实时路况var  trafficLayer = new AMap.TileLayer.Traffic({zInedx: 10});var marker = new AMap.Marker({position:[116.49,39.9]//位置})map.add(marker);//定位mapObj = new AMap.Map('container');mapObj.plugin('AMap.Geolocation', function () {geolocation = new AMap.Geolocation({enableHighAccuracy: true,//是否使用高精度定位，默认:truetimeout: 10000,          //超过10秒后停止定位，默认：无穷大maximumAge: 0,           //定位结果缓存0毫秒，默认：0convert: true,           //自动偏移坐标，偏移后的坐标为高德坐标，默认：trueshowButton: true,        //显示定位按钮，默认：truebuttonPosition: 'LB',    //定位按钮停靠位置，默认：'LB'，左下角buttonOffset: new AMap.Pixel(10, 20),//定位按钮与设置的停靠位置的偏移量，默认：Pixel(10, 20)showMarker: true,        //定位成功后在定位到的位置显示点标记，默认：trueshowCircle: true,        //定位成功后用圆圈表示定位精度范围，默认：truepanToLocation: true,     //定位成功后将定位到的位置作为地图中心点，默认：truezoomToAccuracy:true      //定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：false});mapObj.addControl(geolocation);geolocation.getCurrentPosition();AMap.event.addListener(geolocation, 'complete', onComplete);//返回定位信息AMap.event.addListener(geolocation, 'error', onError);      //返回定位出错信息geolocation.position});function onComplete(obj) {alert(obj.location_type+"定位")}function onError(obj) {alert(obj.info + '--' + obj.message);console.log(obj);}</script></body>
</html>

利用高德api定位当前位置相关推荐

vue使用高德api 定位获取位置信息 positionLocation.js及 USERKEY_PLAT_NOMATCH报错
前提假设你已经申请好了高德api 及对应的高德api业务,申请高德api 配置相关步骤不在这里敷述,自行百度相关博文配置: build/webpack.base.conf.js 要配置 co ...
python分析成都房租信息，以及利用高德API查找租房
python分析成都租房信息,以及利用高德API查找租房使用的技术效果爬虫需要爬取的网页分析爬虫源码数据可视化利用高德API查找租房 github地址使用的技术爬虫:Beautifu ...
python 利用高德地图定位小区名字
1.利用地址定位到小区名字这里调研的是利用高德的poi检索开发文档地址:https://lbs.amap.com/api/webservice/guide/api/search 需要申请开放平台的 ...
微信小程序调用高德api定位当前经纬度，根据城市名获取对应经纬度
最近写小程序有一个首页关于定位功能,指定高德API,话不多说,上图: 首先小程序需要先设置定位提示语,在mainfest.json中添加配置scope.userLocation: "mp-w ...
利用高德api实现自定义区域下钻
高德地图实现自定义区域下钻源码:https://github.com/wforguo/daily-code/blob/master/vue-app/vue2-app/src/views/AmapDr ...
高德sdk定位当前位置_单次定位-获取位置-开发指南-iOS 定位SDK | 高德地图API
iOS定位SDK提供的单次定位方法基于苹果定位核心,苹果定位核心会在设备移动时连续返回定位结果,高德在此基础上封装了单次定位.当设备可以正常联网时,还可以返回该定位点的对应的中国境内位置信息(包括:省 ...
高德sdk定位当前位置_相关下载-Android 定位SDK | 高德地图API
高德开发 Android 定位SDK 相关下载更新时间:2020年11月16日 { "tab":[ "Android 定位SDK", "Andro ...
前端利用高德实时定位_web使用高德地图
一:根据IP获取城市 axios({ url: 'https://restapi.amap.com/v3/ip', method: 'post', params: { ip: '101.88.147. ...
高德api中所在位置圆形范围可移动_这个十一黄金周，2000钢铁技术直男如何让高德地图变成一种生活方式...
2019年的十一黄金周,让我们再次见识到旅游和出行拉动经济的强劲动力.文化和旅游部数据显示,2019年国庆7天长假期间,全国共接待国内游客7.82亿人次,国内旅游收入6497.1亿元. 在如此旺盛的旅 ...
Python：利用高德API获取公交路线并可视化
前言查询所在城市所有的公交线路,填入linename数组中(本文只以深圳市68线路为例演示深圳公交线路查询:深圳公交查询_深圳公交车线路查询_深圳公交地图 - 深圳公交网 (其他城市把拼音处修改即 ...

利用高德api定位当前位置

利用高德api定位当前位置相关推荐

最新文章

热门文章