您现在的位置:首页 >> 前端 >> 内容

不使用地图的前提下,原生js实现使用谷歌api获取当前位置信息

时间:2018/3/24 11:14:10 点击:

  核心提示:可以先看一下谷歌api返回的数据结构。具体代码如下:navigator.geolocation.getCurrentPosition((success) = { var url =+success.c...

可以先看一下谷歌api返回的数据结构。

具体代码如下: 

navigator.geolocation.getCurrentPosition((success) => { 
var url = " 
+success.coords.latitude+","+success.coords.longitude 
+"&language=ZH"; 
var xmlhr; 
if (window.XMLHttpRequest) { 
xmlhr = new XMLHttpRequest(); 
} else { 
xmlhr = new ActiveXObject("Microsoft.XMLHTTP"); 
} 
xmlhr.open("GET",url); 
xmlhr.send(); 
xmlhr.onreadystatechange = function () { 
if (xmlhr.readyState == 4 && xmlhr.status == 200 || xmlhr.status == 304) { 
var text = JSON.parse(xmlhr.responseText); 
// js获取json对象的值时,对于数字索引只能用方括号[], 
// 对于字符串既可以使用方括号[],也可以使用点 . 来获取json对象里的值 
alert(text['results'][1]['formatted_address']); 
} 
} 
},(error) => { 
alert("获取位置信息失败!"); 
}); 

如果你想要其他信息可以看返回的数据,根据自己的情况找需要的数据。返回数据格式大致如下图:

不使用地图的前提下,原生js实现使用谷歌api获取当前位置信息

作者:网络 来源:Interestin