pc端js获取当前经纬度_js获取用户当前地理位置（省、市、经纬度）

在很多情况下，我们需要用到定位功能，来获取用户当前位置。当前比较流行的定位API有腾讯地图、百度地图、高德地图、搜狗地图等等，在这里我使用的是腾讯地图定位API，根据用户IP获取用户当前位置，API返回结果详细到区一级，包涵经纬度。

一、腾讯地图极简的定位API——IP定位

1.1请求参数(如下图所示)：　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　返回参数(如下图所示)：

1.2IP定位的优缺点：

优点：极简，易懂。不需要用户地理位置授权，不需要引用插件，一个ajax完全搞定。

缺点：定位不准确，虽说可定位到区一级，但实际上一般只能定位到市一级，偶尔还只能定位到省一级，此时就要用到手动定位了。

1.3示例(此处的开发密钥是我已经在腾讯申请好了的，若要引用，烦请去腾讯申请，申请流程很简单。)

1.31jquery实现IP定位

腾讯定位-jquery

$.ajax({

type:"get",//接口规定，只能用get

async:true,//异步

url:"https://apis.map.qq.com/ws/location/v1/ip",//接口地址

data: {"key":"PTMBZ-GCQLW-SC2RG-R2FNI-HWPNQ-4PBQM","output":"jsonp"},//参数格式必须用到output传参为jsonp，否则会报跨域问题

dataType:"jsonp",//跨域，必须用到jsonp

success:function(result){

console.log(JSON.stringify(result));

document.write(JSON.stringify(result));

error:function(XMLHttpRequest,textStatus,errorThrown){

console.log(JSON.stringify(XMLHttpRequest));

document.write(JSON.stringify(XMLHttpRequest));

}

});

1.32angularjs实现IP定位

腾讯定位-ng

varapp=angular.module("myApp", []);//获取ip地址

app.controller("getIPControl",function($scope,$http){

$scope.loaction;//位置信息

QQmap= function(res){//腾讯定位返回函数，函数名只能为QQmap

console.log(res);

$scope.loaction=res;//渲染位置信息

};//腾讯根据ip自动定位，QQmap为腾讯jsonp格式返回函数名，PTMBZ-GCQLW-SC2RG-R2FNI-HWPNQ-4PBQM为腾讯开发秘钥

$http.jsonp("https://apis.map.qq.com/ws/location/v1/ip?jsonp=QQmap&key=PTMBZ-GCQLW-SC2RG-R2FNI-HWPNQ-4PBQM&output=jsonp");

});

pc端js获取当前经纬度_js获取用户当前地理位置（省、市、经纬度）相关推荐

pc端js获取当前经纬度_Swiper 免费开源、功能强大的触摸滑动 js 特效插件
简单配置就能实现手机.PC 网页中滑动.焦点轮播图.tab 切换和触摸导航等大部分功能. js 滑动特效插件 Swiper 是一款纯javascript 打造的滑动特效插件,主要用对移动端web 开发 ...
Windows下C/C++模拟鼠标点击，PC端没有鼠标设备也能够获取鼠标坐标、移动鼠标坐标、模拟鼠标点击事件，方法一亲测有效
------- [ 转载请保留 ] ------- 作者:西_瓜_瓜博客:https://blog.csdn.net/xi_gua_gua/article/details/105773298 --- ...
HTML判断是PC端还是手机端，以及获取url参数
方法一(网上大部分的方法): <script type="text/javascript">var sUserAgent = navigator.userAgent.t ...
PC端js禁止浏览器缩放
在网上找了很多资料,多多少少都有一些问题,现在重新整理一下. 1.网上的资料大多都是按照windows的devicePixelRatio来判断是否缩放的,这个判断不是很准确,因为在mac下,默认的de ...
js获取下月时间_js 获取本周、下周、本月、下月、本季度、下季度的开始结束日期...
js 获取本周.上周.本月.上月.本季度.上季度的开始结束日期 /** * 获取本周.本季度.本月.上月的开始日期.结束日期 */ var now = new Date(); //当前日期 var ...
js获取下月时间_JS获取上月，本月，下月的开始时间与结束时间
``###JS获取上月,本月,下月的开始时间与结束时间(记录) //获取当天的时间 function getToday() { var date = new Date(); return date . ...
class 原生js获取父元素_JS获取节点的兄弟,父级,子级元素的方法
先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比. JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素原生的J ...
js月份的计算公式_JS获取指定月份的天数几种方法
最近看到一个有意思的试题,正好在需求中也碰到类似的问题,即计算某个月的天数问题.碰到类似问题也许大部分会想是不是还要判断闰年.平年,如果这样想的话就复杂了,下面给出具体的计算方法. 获取月份天数方法一 ...
js获取下月时间_js获取某周、某月、下月、某季度的开始日期、结束日期及判断日期第几周...
//格式化日期:yyyy-MM-dd function formatDate(date) { var myyear = date.getFullYear(); var mymonth = date.g ...

pc端js获取当前经纬度_js获取用户当前地理位置（省、市、经纬度）

pc端js获取当前经纬度_js获取用户当前地理位置（省、市、经纬度）相关推荐

最新文章

热门文章