原生js实现使用谷歌api获取当前位置信息(不使用地图)
2018-03-23 20:15
597 查看
可以先看一下谷歌api返回的数据结构,访问地址:
http://maps.google.cn/maps/api/geocode/json?latlng=32.7763644055,100.4338731743&language=ZH
再来一个百度的api:
http://api.map.baidu.com/geocoder/v2/?ak=7b788c5ea45cc4b3ac6331a4b0643d5b&callback=?&location=32.7763644055,100.4338731743&output=json&pois=1%27
具体代码如下:
如果你想要其他信息可以看返回的数据,根据自己的情况找需要的数据。返回数据格式大致如下图:
http://maps.google.cn/maps/api/geocode/json?latlng=32.7763644055,100.4338731743&language=ZH
再来一个百度的api:
http://api.map.baidu.com/geocoder/v2/?ak=7b788c5ea45cc4b3ac6331a4b0643d5b&callback=?&location=32.7763644055,100.4338731743&output=json&pois=1%27
具体代码如下:
navigator.geolocation.getCurrentPosition((success) => { var url = " http://maps.google.cn/maps/api/geocode/json?latlng=" +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("获取位置信息失败!"); });
如果你想要其他信息可以看返回的数据,根据自己的情况找需要的数据。返回数据格式大致如下图:
相关文章推荐
- 使用苹果自带地图获取当前位置及周围信息
- 「微信小程序」实现获取当前位置并在地图上显示
- 使用Socket通信实现Silverlight客户端实时数据的获取(模拟GPS数据,地图实时位置)
- iOS项目开发实战——使用CoreLocation获取当前位置信息
- Android中使用百度API定位,并实现手势操作(显示最后点击地图的位置)
- 使用Socket通信实现Silverlight客户端实时数据的获取(模拟GPS数据,地图实时位置)
- 使用Socket通信实现Silverlight客户端实时数据的获取(模拟GPS数据,地图实时位置)
- 【经验小谈】百度定位api使用 百度定位demo 百度地图快速定位 百度地图获取当前位置 获取自己的位置 百度定位示例
- 使用Google Geocoding API来进行关键字搜索,获取相关的地理位置信息
- 使用Android原生的Api进行GPS定位获取位置信息
- 不使用地图jar包获取当前位置的方法
- iOS开发笔记(使用Google Map Service获取用户当前位置信息)
- 高德地图准确获取当前位置信息
- 使用定位获取当前位置信息
- 使用百度定位SDK获取当前位置的信息
- IOS——地图的使用、地图定位到当前位置(包括ios8获取位置)、地图标注的添加、地图放大缩小监听
- iOS 地图显示比例设置 (这里是当前的位置信息代理方法中实现)
- iOS项目开发实战——使用CoreLocation获取当前位置信息
- IOS使用高德地图获取当前位置信息
- iOS - 定位功能/获取当前位置信息的实现