如何在网站上添加谷歌定位信息
程序员文章站
2023-12-02 23:22:46
如何在网站上添加谷歌定位信息?下面小编就为大家带来一篇在网站上添加谷歌定位信息的实现方法。希望对大家有所帮助。一起跟随小编过来看看吧... 16-04-16...
我们可以很容易地使用html5导航对象获取当前位置。请按照以下步骤来获得城市/国家的细节。
首先包括jquery库
javascript code复制内容到剪贴板
- <script type="text/javascript" src="jquery.js"></script>
- jquery(function() {
- //call navigator object to get latitude and logtitute
- if(navigator.geolocation) {
- //getting current latitude and longtitude
- navigator.geolocation.getcurrentposition(function(position) {
- //get location details based on latitude and longtitude from google
- var jsonurl = "https://maps.googleapis.com/maps/api/geocode/json?latlng="+position.coords.latitude+","+position.coords.longitude
- jquery.getjson(jsonurl , function( data ) {
- var results = data.results[0];
- console.info(results); //check firebug
- alert(results.address_components[5].long_name); //city
- alert(results.address_components[6].long_name); //state
- alert(results.address_components[7].long_name); //country
- },
- function(){
- alert('failed to get location details...');
- });
- return false;
- });
- }});
以上这篇如何在网站上添加谷歌定位信息就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
原文地址:
上一篇: 浅谈Java并发中的内存模型