高德地图准确获取当前位置信息
代码示例
mapObj = new AMap.Map('iCenter');
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); //返回定位出错信息
});
事件 |
参数 |
说明 |
---|---|---|
|
|
定位成功时触发此事件 |
|
|
定位失败时触发此事件 |
高德地图准确获取当前位置信息相关推荐
- 百度地图利用位置提供服务器,利用百度地图API获取当前位置信息的实例
利用百度地图API可以做很多事情,个人感觉最核心也是最基础的就是定位功能了.这里分享一个制作的JS可以实现登录网页后定位: var map; var gpsPoint; var baiduPoint; ...
- java获取经纬度_java调用高德地图api获取某个位置的经纬度
java调用高德地图api获取经纬度的方法,废话少说,直接上代码: import com.fasterxml.jackson.databind.JsonNode; import com.ning.ht ...
- 高德地图API获取当前位置对应的周边信息
一.前言 当前公司开发计划做一个打卡功能,获取用户信息地理信息后,提供列表给客户选择打卡地点(200米范围内).自己今天对三家地图开放者平台文档进行了查看比较(腾讯.百度.高德),目前实现的方法采用的 ...
- 高德地图自动获取当前位置可搜索可拖拽获得GPS和道路信息
实现思路: 获取当前的ip所在位置设置中心点,根据组件获取当前信息,搜索跳转到搜索的中心点 AMap.Geolocation(获取当前ip定位) misc/PositionPicker(组件 获取当前 ...
- Vue Cli4 使用高德地图定位 获取当前经纬度信息以及周边定位
以上是最终效果图 下面开始代码分享 第一步 在index,html引入高德地图模块 ` <!-- 高德地图 --><script type="text/javascript ...
- pc端使用高德地图api获取当前位置的经纬度
<!DOCTYPE html> <html><head><meta charset="utf-8"><meta name=&q ...
- JavaScript使用百度地图API获取当前位置信息
使用步骤: 一.百度开放API平台申请AK 二.在线引入API 或者使用 npm 三.使用API获取位置 注意:百度API. 高德API 商业用途,均需授权 引用与配置 方式一 .在线引入API: & ...
- 通过高德地图API实现浏览器定位[以及提高定位精度、获取详细位置信息]
目录 一.前言: 二.正文: 1.注册高德地图开发者.创建应用 2.借助官方的示例开发 3.对官方的开发示例进行修改 4.获取详细位置信息 5.详细代码 三.结尾:小周接触编程时间不长,刚起步,有更好 ...
- uniapp+高德地图api 获取定位信息及详细地址
引入高德地图js api 高德地图api官方文档 根据官方文档建议,我使用的是JSAPI Loader 并且是通过npm安装的 npm i @amap/amap-jsapi-loader --save ...
最新文章
- ❗HTML引入JavaScript的三种常用方式汇总❗
- java怎么添加地图_javaweb怎样添加百度地图
- transform的q、k、v的计算过程
- ubuntu下安装 memecache
- python异常处理_Python 工匠: 异常处理的三个好习惯
- java拼装树_java 数据拼装成树结构
- javascript模板库jsrender加载并缓存外部模板文件
- 简单小知识 记录一下 慢慢更新积累
- Permission denied (publickey) 解决方案
- filebeat配置介绍
- 路径规划——RRT算法实现
- python行与行之间必须对齐_Python中列名及其对应行的对齐
- 电阻式触摸屏的工作原理
- Layui的管理系统的模板
- 搞清楚php-FPM到底是什么?
- java怎么把数据返回给客户端_java 服务器怎样给客户端传输数据
- c++编程拼图小游戏
- SQL Prompt 4试用
- 数据处理时如何解决噪声数据?
- rocketMQ原理讲解