前面的文章中写到通过获取iP来获取位置信息,使用wifi或PC端还行,但是如果使用手机自己的网就会可能出现卡办理的地址,这样就违背了我们的想要获取的位置信息;所以今天使用js获取到经纬度然后调用百度接口来获取位置具体信息,测试过,大概范围一公里左右,主要还是获取城市的名称,这样就够用了。不多说了,直接上代码:
js:这里将代码直接加到js中就行,
注意~注意:该方法只支持 https 协议!!!http获取不到

//获取经纬度坐标function getPosition (callback) {if ("geolocation" in navigator) {var geo_options = {enableHighAccuracy: true,maximumAge: 0,timeout : 6000};navigator.geolocation.getCurrentPosition(function(pos) {// 获取到当前位置经纬度var lng = pos.coords.longitude;var lat = pos.coords.latitude;callback(lng,lat);}, function(err){console.log(err.message);}, geo_options);} else {console.log("Browser didnt support geolocation");}};

下面是调用:这段代码应该会用吧

          getPosition(function(lng,lat){var out=document.getElementById('out');out.outerHTML='当前经度:'+lng+'<br/>当前纬度'+lat;});

然后通过ajax将获取到的经纬度发送到后台
php:

 public function local_ip(){$lng = $_POST['lng'];//获取的经度$lat = $_POST['lat'];//获取的纬度//注意链接中的经纬度位置。前面的是纬度,后面的是经度$url = 'http://api.map.baidu.com/geocoder?location='.$lat.','.$lng.'&output=json&key=你自己的秘钥';$res = file_get_contents($url);$res = json_decode($res,true);echo json_encode($res);}

这样在ajax中返回的就是你想要的位置信息了!!!

js获取经纬度,通过经纬度在获取位置信息(附近大概位置)相关推荐

  1. jquery获取元素在文档中的位置信息以及滚动条位置(转)

    jquery获取元素在文档中的位置信息以及滚动条位置 http://blog.csdn.net/qq_34095777/article/details/78750886     原文链接 原创 201 ...

  2. 微信小程序(uniapp)获取用户位置信息及选择位置

    1. 开发前准备 注册微信小程序账号并配置相关信息: 注册腾讯地图开放平台并完成应用创建等: 下载qqmap-wx-jssdk.min.js放到项目中: 2. 获取用户当前位置wx.getLocati ...

  3. uniapp微信小程序:点击按钮先判断用户是否授权位置信息、用户位置信息授权、进入下一个页面

    文章目录 前言 一.创建点击事件的方法 二.判断用户是否授权位置 三.弹出位置授权框 四.坐标到坐标所在位置的文字描述的转换(逆地址解析) 五.拒接授权后再次点击按钮跳转到允许访问位置设置 总结 前言 ...

  4. python爬取地理数据_python爬取所有人位置信息——腾讯位置大数据

    腾讯位置大数据 网站 https://heat.qq.com/ 网站功能介绍 腾讯位置大数据会将提供所有用户使用腾讯位置的数据信息,但没有用户信息(只有位置信息).从这个网站我们可以获取所有使用腾讯位 ...

  5. Python爬取所有人位置信息——腾讯位置大数据!

    腾讯位置大数据 网站 https://heat.qq.com/ 网站功能介绍     腾讯位置大数据会将提供所有用户使用腾讯位置的数据信息,但没有用户信息(只有位置信息).从这个网站我们可以获取所有使 ...

  6. uni-app如何获取位置信息(经纬度)

    文章目录 前言 一.相关代码 二.相关的数据返回 三.效果展示 最后 前言 提示:这里可以添加本文要记录的大概内容: 在实际项目中很多时候我们需要获取设备的位置信息,去展示给客户,或者以位置信息为参数 ...

  7. 【Android App】获取照片里的位置信息及使用全球卫星导航系统(GNSS)获取位置实战(附源码和演示 超详细)

    需要全部代码请点赞关注收藏后评论区留言私信~~~ 一.获取照片里的位置信息 手机拍摄的相片还保存着时间.地点.镜头参数等信息,这些信息由相片接口工具ExifInterface管理,它的常用方法说明如下 ...

  8. uniapp开发获取用户位置信息功能解析

    uniapp开发获取用户位置信息功能解析 问题描述 uniapp相关接口 1.uni.authorize 提前向用户发起授权请求. 接口描述及demo演示 2.uni.getLocation 获取当前 ...

  9. 位置信息、定位技术与位置服务

    位置是物联网信息的重要属性之一,缺少位置的感知信息是没有实用价值的,位置服务采用 定位技术 ,确定智能物体当前的地理位置,利用 地理信息系统技术 与 移动通信技术,向物联网中的智能物体提供与其位置相关 ...

  10. 基于移动位置服务器,基于移动位置的服务系统及方法

    本申请是申请号为03148343.7.申请日为2003年6月30日.发明名称为"基于移动位置的服务系统及方法"的发明专利申请的分案申请. 技术领域 本发明涉及一种基于位置的移动台服 ...

最新文章

  1. linux php进程端口占用,linux如何查看端口占用情况
  2. oracle存过传参,oracle 存储过程 传参数,如果是希望传参值也被利用起来,存储过程里面虽有IN,但OUT必不可少。...
  3. Beautiful Soup-4.2.0
  4. Serverless 场景下 Pod 创建效率优化
  5. android屏幕适配详解
  6. html中的高和宽背景色怎么写,css background-size与背景图片填满div
  7. linux nacos启动_Nacos集群安装配置
  8. Teams Bot如何做全球化
  9. linux可以http安装么,Linux 5下 http的安装
  10. java任务分支和合并_合并/分支战略
  11. grafana zabbix 模板_Grafana + Zabbix 监控系统搭建
  12. JavaScript:日期选择器组件的使用
  13. Java小峰宿舍管理系统_基于JAVA的宿舍管理系统
  14. 2019小程序没必要做了_2019,小程序会更好吗?
  15. 南唐后主李煜诗词选编
  16. eNSP配置路由器IP地址
  17. 基于springboot的4s店车辆管理系统-计算机毕业设计(源码+数据库+Lw文档)
  18. Microsoft Store转圈圈
  19. 美国芯片陆续转向,或许为当初的做法后悔不迭,芯片补贴也难改局面
  20. 回溯法之递归回溯和迭代回溯

热门文章

  1. ICPC Greater New York Region 2020 L Evenly Separated Strings
  2. Linux基础-Swap分区
  3. 计算机软件高级职称有啥用,计算机软考高级职称有什么用
  4. Laya shader opengles 2.0 第一章-飘扬的旗帜 gitee代码
  5. c语言中calloc函数,C 库函数 – calloc()
  6. 国务院公布《关键信息基础设施安全保护条例》
  7. table制作课程表案例
  8. Problem F: 求三角形面积-gyy
  9. 如何VUE写桌面应用(electron)
  10. 设备管理 android问号,设备管理器里有问号怎么办