1. <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=(需要自己去高德官网获取)"></script>
    <script type="text/javascript">
  2. var map = new AMap.Map('mapContainer', {
  3. resizeEnable: true
  4. })
  5.  
  6. map.plugin('AMap.Geolocation', function() {
  7. var geolocation = new AMap.Geolocation({
  8. // 是否使用高精度定位,默认:true
  9. enableHighAccuracy: true,
  10. // 设置定位超时时间,默认:无穷大
  11. timeout: 10000,
  12. // 定位按钮的停靠位置的偏移量,默认:Pixel(10, 20)
  13. buttonOffset: new AMap.Pixel(10, 20),
  14. // 定位成功后调整地图视野范围使定位位置及精度范围视野内可见,默认:false
  15. zoomToAccuracy: true,
  16. // 定位按钮的排放位置, RB表示右下
  17. buttonPosition: 'RB'
  18. })
  19. // 获取当前位置信息
  20. geolocation.getCurrentPosition();
  21. // 监听获取位置信息成功的回调函数
  22. AMap.event.addListener(geolocation, 'complete', onComplete);
  23. // 监听获取位置信息错误的回调函数
  24. AMap.event.addListener(geolocation, 'error', onError);
  25.  
  26. function onComplete (data) {
  27. // data是具体的定位信息
  28. addComp = data.addressComponent;
  29. // 获取信息中的省市区并放入到输入框中
  30. $("#fsenderAddress").val(addComp.province+"-"+addComp.city+"-"+addComp.district).trigger("change");
  31. $("#fsenderCountyCode").val(addComp.adcode);
  32. let fsenderMsg = {
  33. 'fsenderAddress':$("#fsenderAddress").val(),
  34. 'fsenderCountyCode':$("#fsenderCountyCode").val()
  35. }
  36. window.sessionStorage.setItem('fsendMsg', JSON.stringify(fsenderMsg));
  37. }
  38.  
  39. function onError (error) {
  40. // 定位出错
  41. console.log(error)
  42. }
  43. })
  44.  
  45. </script>

js调用高德地图API获取地理信息进行定位的更多相关文章

  1. java调用高德地图api实现通过ip定位访问者的城市

    所需东西:高德地图的key 注意:这个key是 web服务的key  和js的key不是一个key(若没有则自行创建,创建教程在文末) 高德地图的api文档:https://lbs.amap.com/ ...

  2. HTML5调用百度地图API获取当前位置并直接导航目的地的方法

    <!DOCTYPE html> <html lang="zh-cmn-Hans">     <meta charset="UTF-8&quo ...

  3. HTML5页面直接调用百度地图API,获取当前位置,直接导航目的地

    <!DOCTYPE html> <html lang="zh-cmn-Hans"> <meta charset="UTF-8"&g ...

  4. 解析高德地图api获取省市区,生成最新三级联动sql表

    前言: 最近项目中用到了全国省市区三级信息,但是网上找到的信息都是比较旧的信息.与现在最新的地区信息匹配不上.后来想到高德地图上可能有这些信息.所以解析了一下api接口,生成了相关省市区的sql信息. ...

  5. 批量调用百度地图API获取地址经纬度坐标

    1 申请密匙 注册百度地图API:http://lbsyun.baidu.com/index.php?title=webapi 点击左侧 “获取密匙” ,经过填写个人信息.邮箱注册等,成功之后在开放平 ...

  6. 高德地图API获取天气

    1.建立行政区规划清单表 use edw; drop table if exists dim_prov_city_adcode; create table if not exists dim_prov ...

  7. js调用百度地图api

    <!DOCTYPE html> <html>     <head>         <meta charset="UTF-8">   ...

  8. JS调用百度地图API标记地点

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...

  9. js调用高德地图的搜索api

    var city = $('#city')[0].value; AMap.plugin(['AMap.Autocomplete'],function(){ var autoOptions = { ci ...

随机推荐

  1. 在idea中使用eclipse的快捷键

    settings -> keymap 常用 单行注释 Ctrl + / 多行注释 Ctrl + Shift + / 待更新 不常用(但方便) 撤销 Ctrl + Z 反撤销 Ctrl + Y 查 ...

  2. Linux mem 2.5 Buddy 内存回收机制

    文章目录 1. 简介 2. LRU 组织 2.1 LRU 链表 2.2 LRU Cache 2.3 LRU 移动操作 2.3.1 page 加入 LRU 2.3.2 其他 LRU 移动操作 3. LR ...

  3. celery kill task

    from celery.task.control import revokerevoke(task_id, terminate=True) https://stackoverflow.com/ques ...

  4. C# 判断未将对象引用设置到对象的实例,出错的代码到底在第几行

    DataTable dt = null; try { var x = dt.Rows.Count; } catch(NullReferenceException nullexception) { Me ...

  5. Oracle 表空间和权限

    表空间 表空间是数据库的逻辑划分,一个表空间只能属于一个数据库.所有的数据库对象都存放在指定的表空间中.但主要存放的是表,所以称作表空间. Oracle中很多优化都是基于表空间的设计理念而实现的,一个 ...

  6. 微信小程序(三)开发框架

    基本构成: 数据绑定: 例: <!--index.hxml--> <view> <text data-name="{{theName}}">&l ...

  7. 物联网3D,物业基础设施3D运维,使用webgl(three.js)与物联网设备结合案例。搭建智慧楼宇,智慧园区,3D园区、3D物业设施,3D楼宇管理系统——第八课

    写在前面的废话: 很久没有更新文章了,这段时间一直忙于项目落地,虽然很忙,但是感觉没有总结,没有提炼的日子,总是让人感觉飘飘忽忽的. 所幸放下一些事,抽出一些时间,把近期的项目做一些整理与记录.也算是 ...

  8. Java 如何对文件进行多个Object对象流的读写操作

    思路:把已经序列化的对象存入容器(如LinkedList<?>)中,然后用ObjectInputStream和ObjectOutputStream对这个实例化的LinkedList< ...

  9. github文件下载加速器

    https://d.serctl.com/?dl_start

  10. mybatis避免sql的like注入

    <select id="NotInByEvalQuestion" resultType="com.rm.eval.entity.EvalQnQuestion&quo ...