当前位置:首页 > 学习笔记 > 正文内容

js技术调用高德api实现精准定位

廖万里3年前 (2022-09-09)学习笔记92630

我先说下写这个程序的起因,昨天晚上我的一个朋友在淘宝上卖它玩了两年的光遇号。

 

号给淘宝商家了就不理人也不给钱了,因为没有订单记录淘宝官方不管。这种回收游戏账号的微信账号的十有九骗。在黑猫上就能查到各种回收账号的诈骗案件。

于是我给我朋友写了个ip定位程序,就吓到了淘宝商家。马上就去联系我朋友去了。

ip定位程序网上搜一大堆都泛滥了。所以我就不发布ip定位的源码了。我把获取经纬度的源码免费分享给大家。

程序用来吓唬吓唬人就行仅供参考,切勿用于非法用途。

先看效果(效果图 隐私信息已打马赛克):

 js技术调用高德api实现精准定位


index.html(这是前台页面,api自己去高德开发者平台申请就行):

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 引用高德地图JS API脚本 -->
<!-- 廖万里 -->
<!-- 博客:kkkliao.cn -->
<title>高德H5页面获取手机坐标(本地文件可用,手机需要https)</title>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="这里填写高德的api,自己去高德开发者平台申请就行。"></script> 
<script type="text/javascript" src="js/dw.js"></script>
<style type="text/css">
*{
color: aliceblue;
background-color: black;
}
</style>
</head>
<body>
<h2>兄弟,做人可不能这样啊。</h2>
<h2>回收人家光遇账号还不理人了?</h2>
<p>骗别人小姑娘游戏账号,人家玩了两年啊</p>
<p style="color: red;">当你进入这个网页就代表,你的经纬度信息以及ip信息我都掌握到了<strong>位置</strong>已经被我获取到了。</p>
<p>请你立马把账号还给人家,负责我将把你的位置信息提供给你当地的派出所!交由警察处理!</p>
<img src="ippp/ab.png" width="500px" >
<h2>你的位置:</h2>
<div id=message></div>
</body>
</html>

dw.js(js代码):

var mapObj = new AMap.Map('');
            mapObj.plugin('AMap.Geolocation', function () {
                let geolocation = new AMap.Geolocation({
                    enableHighAccuracy: true, // 是否使用高精度定位,默认:true
                    timeout: 10000,           // 超过10秒后停止定位,默认:无穷大
                    maximumAge: 0,            // 定位结果缓存0毫秒,默认:0
                    convert: true,            // 自动偏移坐标,偏移后的坐标为高德坐标,默认:true
                    showButton: false,         // 显示定位按钮,默认:true
                    buttonPosition: 'LB',     // 定位按钮停靠位置,默认:'LB',左下角
                    buttonOffset: new AMap.Pixel(10, 20), // 定位按钮与设置的停靠位置的偏移量,默认:Pixel(10, 20)
                    showMarker: true,         // 定位成功后在定位到的位置显示点标记,默认:true
                    showCircle: true,         // 定位成功后用圆圈表示定位精度范围,默认:true
                    panToLocation: true,      // 定位成功后将定位到的位置作为地图中心点,默认:true
                    zoomToAccuracy:true       // 定位成功后调整地图视野范围使定位位置及精度范围视野内可见,默认:false
                });
                mapObj.addControl(geolocation);
                geolocation.getCurrentPosition();
                AMap.event.addListener(geolocation, 'complete', onComplete); // 返回定位信息
                AMap.event.addListener(geolocation, 'error', onError);       // 返回定位出错信息
            });
 
            function onComplete(obj){
 
                var str = '经纬度:' + obj.position + 
                        '<br>范围:' + obj.accuracy + 
                        '米<br>定位结果的来源:' + "高德" + 
                        '<br>状态信息:' + "准确" + 
                        '<br>地址:' + obj.formattedAddress + 
                        '<hr>地址信息:' + JSON.stringify(obj.addressComponent, null, 4)+
						'<br><br>程序由<a href="https://www.kkkliao.com/">kkkliao</a>编写:' + "请勿将程序用于违法行为。<br>免责声明:本人制作的程序仅供参考以及抓骗子使用,由他人引起的任何犯罪后果均与本人无关!" ;
						
						document.getElementById("message").innerHTML = str;
            }


本文链接:https://www.kkkliao.cn/?id=17 转载需授权!

分享到:

版权声明:本文由廖万里的博客发布,如需转载请注明出处。


“js技术调用高德api实现精准定位” 的相关文章

MySql数据库增删改查常用语句命令

    最基本必会的增删改查         一.增Insert    (特殊的如果id自动递增的话,就不需要插入id) ...

mac系统如何安装配置Tomcat

mac系统如何安装配置Tomcat

MAC下安装配置Tomcat一、安装Tomcat1、首先到官网下载Tomcat:https://tomcat.apache.org/download-90.cgi 2、解压tomcat文件,最好把它文件名重命名为“Tomcat”,方便以后查找,最后把它放入/Library(资源库中)打开finder...

Spring框架提供的多种属性注入方式

Spring框架提供的多种属性注入方式

1 set注入注入的成员变量必须要封装  set方法注入bean<!--成员变量对象--><!--<bean id="u" class="com.bdqn.User"></bean&g...

pyton打包成exe程序简易教程

我们知道,Python程序需要有python环境才能够运行的,但当我们开发出一个程序之后,给到用户 那么用户是不会去添加这个python环境的。 所以为了用户也能够正常使用,我们就需要将这个程序打包成exe程序。 location.href="https://blog.csd...

使用Python制作电脑无限弹窗恶搞程序教程

使用Python制作电脑无限弹窗恶搞程序教程

 效果如下:编辑演示视频:python弹窗恶搞程序演示视频 教程:1,导入模块,下载模块的方法不过多说明了,可以看我其他的文章有说怎么下载第三方模块,或者Alt+Enter下载也可。# 弹窗恶搞import tkinter as tkimp...

Python如何实现多线程,多线程概述

Python如何实现多线程,多线程概述

 线程:线程是CPU调度的基本单位,是进程中具体的执行单元。进程包含线程,一个进程中至少包含一个线程;如果一个进程中包含了多个线程,称为多线程。多线程的实现:编辑 1,引入threading模块。import threading import time2,编...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。