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

kkkliaoo

已于 2023-07-19 10:47:47 修改

阅读量3.2k

点赞数 3

CC 4.0 BY-SA版权

文章标签： javascript webview 开发语言

于 2022-06-17 11:41:44 首次发布

本文链接：https://blog.csdn.net/kkkliao1/article/details/125330584

博主讲述了为朋友编写一个IP定位程序来应对淘宝账号回收欺诈的情况。通过高德地图API获取用户经纬度，以此警示诈骗者。提供了前端HTML和JS代码示例，强调仅供合法用途，不建议用于非法行为。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

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

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

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

先看效果（效果图隐私信息已打马赛克）：

index.html（这是前台页面，api自己去高德开发者平台申请就行）：

<!DOCTYPE html>
<html lang="cn">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<!-- 引用高德地图JS API脚本 -->
		<!-- 廖万里 -->
		<!-- 万策云官网：kkkliao.com -->
		<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;
            }