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) {
  // 定位报错处理
   }
})
相关文章
|
9月前
|
监控 数据可视化 安全
如何使用webgl(three.js)实现煤矿隧道、井下人员定位、掘进面、纵采面可视化解决方案——第十九课(一)
three.js、webgl、3D煤矿隧道、三维井下人员定位、掘进面三维可视化、纵采面可视化、采集面可视化展示、设备检测、数字孪生、物联网3D、3d建筑、3d库房,bim管理系统
211 1
|
12月前
|
JSON 前端开发 JavaScript
javascript:layui实现定位、查询数据以及select筛选的组合功能
javascript:layui实现定位、查询数据以及select筛选的组合功能
280 0
|
JavaScript 定位技术
原生 js 实现类 3d 地图大屏展示自动高亮轮播、显示悬浮提示 tootip 的方案:svg + popper.js 定位引擎
原生 js 实现类 3d 地图大屏展示自动高亮轮播、显示悬浮提示 tootip 的方案:svg + popper.js 定位引擎
282 0
原生 js 实现类 3d 地图大屏展示自动高亮轮播、显示悬浮提示 tootip 的方案:svg + popper.js 定位引擎
|
9月前
|
移动开发 JavaScript 前端开发
【前端用法】html5实现地理位置定位(JS获取当前地理位置的方法)
【前端用法】html5实现地理位置定位(JS获取当前地理位置的方法)
150 0
|
2月前
|
JSON JavaScript 前端开发
JS逆向快速定位关键点之9大通用hook脚本
JS逆向快速定位关键点之9大通用hook脚本
144 0
|
11月前
|
JavaScript 定位技术 API
js使用高德地图进行地点标注
使用高德地图进行地点标注可以采用以下步骤:
126 0
|
2月前
|
JavaScript 前端开发 定位技术
|
12月前
|
JavaScript 前端开发 定位技术
js中引用高德地图
js中引用高德地图
76 0
|
2月前
|
JavaScript 安全 定位技术
|
Web App开发 前端开发 JavaScript
Selenium 如何定位 JavaScript 动态生成的页面元素
Selenium 是一个自动化测试工具,可以用来模拟浏览器的操作,如点击、输入、滚动等。但是有时候,我们需要定位的页面元素并不是一开始就存在的,而是由 JavaScript 动态生成的。这时候,如果我们直接用 Selenium 的 find_element 方法去定位元素,可能会出现找不到元素的错误,因为页面还没有加载完成。为了解决这个问题,我们需要使用一些特定的定位技巧,让 Selenium 等待元素出现后再进行操作。
427 0