How to add Google location information to your website_html5 tutorial tips

We can easily get the current location using HTML5 navigation object. Please follow the steps below to get city/country details.

Include jQuery library first

JavaScript CodeCopy content to clipboard

3. jQuery(function() {
5. //call navigator object to get latitude and logtitute
7. if(navigator.geolocation) {
9. //getting current latitude and longtitude
11. navigator.geolocation.getCurrentPosition(function(position) {
13. //get location details based on latitude and longtitude from Google
15. var jsonUrl = "https://maps.googleapis.com/maps/api/geocode/json?latlng=" position.coords.latitude "," position.coords.longitude
17. jQuery.getJSON(jsonUrl , function( data ) {
19. var results = data.results[0];
21. console.info(results); //check firebug
23. alert(results.address_components[5].long_name); //City
25. alert(results.address_components[6].long_name); //State
27. alert(results.address_components[7].long_name); //Country
29. },
31. function(){
33. alert('Failed to get Location Details...');
35. });
37. return false;
41. });
43. }});

The above article on how to add Google positioning information to the website is all the content shared by the editor. I hope it can give you a reference, and I hope you will support Script Home.

Original address: http://www.cnblogs.com/mivi/archive/2016/04/16/5398183.html