js获取高德地图自身定位

简介: js获取高德地图自身定位

前言

本文带你了解一下js如何获取自身的当前定位

*在写之前一定要引入自己在高德API上的key值

1.引入key

代码如下(示例):

<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=edd291afc0740e0468cc222bf19a88fe"></script>

2.设置地图容器

代码如下(示例):

<div id="map_wrapper"></div> //记住一定要加宽高

3.地图初始化

代码如下(示例):

var map = new AMap.Map('map_wrapper', {
     resizeEnable: true,
   zoom:15, //number 地图显示的缩放级别 : 3-20级
});

4.获取高精定位

代码如下(示例):

AMap.plugin('AMap.Geolocation', function() {
  var geolocation = new AMap.Geolocation({
      enableHighAccuracy: true,//高精定位,默认true,可不写
    timeout: 10000,// 设置获取定位后的加载时间
        buttonOffset: new AMap.Pixel(10, 20), // 定位按钮的偏移量
    zoomToAccuracy: true,     
    buttonPosition: 'RB'//设置定位按钮的显示位置
  })
geolocation.getCurrentPosition(function(status,result) {
  if(status=='complete'){
    onComplete(result)
  }else{
    onError(result)
  }
 })  
 function onComplete (data) {
    //具体的定位详情   
   }
function onError (data) {
  // 定位报错处理
   }
})
相关文章
|
监控 数据可视化 安全
如何使用webgl(three.js)实现煤矿隧道、井下人员定位、掘进面、纵采面可视化解决方案——第十九课(一)
three.js、webgl、3D煤矿隧道、三维井下人员定位、掘进面三维可视化、纵采面可视化、采集面可视化展示、设备检测、数字孪生、物联网3D、3d建筑、3d库房,bim管理系统
768 1
|
JSON 前端开发 JavaScript
javascript:layui实现定位、查询数据以及select筛选的组合功能
javascript:layui实现定位、查询数据以及select筛选的组合功能
594 0
|
JavaScript 定位技术
原生 js 实现类 3d 地图大屏展示自动高亮轮播、显示悬浮提示 tootip 的方案:svg + popper.js 定位引擎
原生 js 实现类 3d 地图大屏展示自动高亮轮播、显示悬浮提示 tootip 的方案:svg + popper.js 定位引擎
605 0
原生 js 实现类 3d 地图大屏展示自动高亮轮播、显示悬浮提示 tootip 的方案:svg + popper.js 定位引擎
|
监控 JavaScript 算法
如何使用内存监控工具来定位和解决Node.js应用中的性能问题?
总之,利用内存监控工具结合代码分析和业务理解,能够逐步定位和解决 Node.js 应用中的性能问题,提高应用的运行效率和稳定性。需要耐心和细致地进行排查和优化,不断提升应用的性能表现。
675 174
|
JavaScript 前端开发
js怎么定位不同的页面元素
在JavaScript中,有多种方法定位和选择页面元素。
|
移动开发 JavaScript 前端开发
【前端用法】html5实现地理位置定位(JS获取当前地理位置的方法)
【前端用法】html5实现地理位置定位(JS获取当前地理位置的方法)
679 0
|
JavaScript 定位技术 API
js使用高德地图进行地点标注
使用高德地图进行地点标注可以采用以下步骤:
523 0
|
JavaScript 前端开发 定位技术
js中引用高德地图
js中引用高德地图
193 0
|
Web App开发 前端开发 JavaScript
Selenium 如何定位 JavaScript 动态生成的页面元素
Selenium 是一个自动化测试工具,可以用来模拟浏览器的操作,如点击、输入、滚动等。但是有时候,我们需要定位的页面元素并不是一开始就存在的,而是由 JavaScript 动态生成的。这时候,如果我们直接用 Selenium 的 find_element 方法去定位元素,可能会出现找不到元素的错误,因为页面还没有加载完成。为了解决这个问题,我们需要使用一些特定的定位技巧,让 Selenium 等待元素出现后再进行操作。
958 0
|
移动开发 定位技术 API
编程笔记 html5&css&js 035 HTML 地理定位
编程笔记 html5&css&js 035 HTML 地理定位
208 4