Chrome地理位置信息模拟

Chrome经纬度坐标信息模拟

通过Chrome的Sensor面板可以设置经纬度与时区。首先我们要设置允许获取经纬度数据。

在地址栏输入chrome://settings/content/location[1]进入位置信息面板。首先设置Chrome允许获取位置信息,如果某些网站位置信息被禁止获取,要从对应的列表中排除,否则提示没有权限。

接着在Sensors面板中可以设置默认区域,或者我们可以自定义一个区域并指定经纬度。
在这里插入图片描述
接着我们遍可以通过navigator.geolocation[2]来获取经纬度数据进行验证。

var options = {
  enableHighAccuracy: true,
  timeout: 5000,
  maximumAge: 0
};

function success(pos) {
  var crd = pos.coords;

  console.log('Your current position is:');
  console.log('Latitude : ' + crd.latitude);
  console.log('Longitude: ' + crd.longitude);
  console.log('More or less ' + crd.accuracy + ' meters.');
};

function error(err) {
  console.warn('ERROR(' + err.code + '): ' + err.message);
};

navigator.geolocation.getCurrentPosition(success, error, options);

输出如下:

Your current position is:
VM161:11 Latitude : 52.520007
VM161:12 Longitude: 13.404954
VM161:13 More or less 150 meters.

参考

[1]地理位置,https://developers.google.com/web/tools/chrome-devtools/device-mode/geolocation
[2]getCurrentPosition,https://developer.mozilla.org/zh-CN/docs/Web/API/Geolocation/getCurrentPosition

根据经纬度获取位置信息的接口可以使用Geolocation接口。该接口封装了获取位置信息的技术细节,开发者只需关注如何使用即可,无需关心信息的来源,极大地简化了开发的难度。该接口已经得到了大部分浏览器的支持,如Firefox、IE 9、Opera、Safari和Chrome等。对于拥有GPS的设备,定位会更加准确,如iPhone和Android手机等。\[1\] 如果想查看获取定位后的效果,可以通过开发者工具手动设置一个虚拟的位置。在开发者工具中,点击右上角的“︙”按钮,选择“More tools”-“Sensors”(传感器),然后在Geolocation对应的下拉菜单中选择相应的位置,比如选择“Shanghai”来模拟获取上海的位置信息。\[2\] 当通过经纬度获取位置信息时,可以使用经纬度转换坐标接口。该接口返回一个XML示例,其中包含了经纬度对应的地址信息,如北京市东城区中华路甲10号。\[3\] #### 引用[.reference_title] - *1* *2* [【前端】【H5 API】地理定位(获取经纬度)](https://blog.csdn.net/ks2686/article/details/124031403)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [经纬度转换坐标接口 查询位置信息](https://blog.csdn.net/php_api/article/details/49097803)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值