如何在网站上添加谷歌定位信息_html5教程技巧

首先包括jQuery库

JavaScript Code复制内容到剪贴板


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



以上这篇如何在网站上添加谷歌定位信息就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
原文地址：http://www.cnblogs.com/mivi/archive/2016/04/16/5398183.html