首页前端开发HTML如何在网站上添加谷歌定位信息

如何在网站上添加谷歌定位信息

时间2024-01-22 18:18:03发布访客分类HTML浏览663
导读:收集整理的这篇文章主要介绍了如何在网站上添加谷歌定位信息,觉得挺不错的,现在分享给大家,也给大家做个参考。如何在网站上添加谷歌定位信息?下面小编就为大家带来一篇在网站上添加谷歌定位信息的实现方法。希望对大家有所帮助。一起跟随小编过来看看吧我...
收集整理的这篇文章主要介绍了如何在网站上添加谷歌定位信息,觉得挺不错的,现在分享给大家,也给大家做个参考。如何在网站上添加谷歌定位信息?下面小编就为大家带来一篇在网站上添加谷歌定位信息的实现方法。希望对大家有所帮助。一起跟随小编过来看看吧

我们可以很容易地使用HTML5导航对象获取当前位置。请按照以下步骤来获得城市/国家的细节。

首先包括jquery库

JavaScript Code复制内容到剪贴板

  1. 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;
              }
        );
         }
    }
        );
        

以上就是如何在网站上添加谷歌定位信息的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

网站

若转载请注明出处: 如何在网站上添加谷歌定位信息
本文地址: https://pptw.com/jishu/583216.html
HTML5-WebSocket实现聊天室示例 快速搭建TP-LINK电信拓扑设备面板基于HTML5的实现方法

游客 回复需填写必要信息