我們可以輕鬆地使用HTML5導航物件來取得目前位置。請按照以下步驟來獲得城市/國家的細節。
首先包含jQuery庫
JavaScript Code複製內容到剪貼簿
- <script><span class="string">"text/javascript"</script> src="jquery.js""jquery.js"
- "jquery.js"
"jquery.js"-
"jquery.js"
-
-
jQuery(function() {
-
-
//call navigator object to get latitude and logtitute
-
-
if
(navigator.geolocation) { -
-
//getting current latitude and longtitude
-
-
function
(position) { -
-
//get location details based on latitude and longtitude from Google longtitude from Google longtitude from Google longtitude from 谷歌
-
var-
jsonUrl = "https://maps.googleapis.com/maps/api/geo 🎜> position.coords.latitude ","
- position.coords.longitude
-
jQuery.getJSON(jsonUrl , function
- ( data ) { ( data ) {
-
- var
results = data.results[0]; -
console.info(results); - //check fire.
-
//City
- //City
-
alert(results.address_components[6].long_name); - //State
-
-
-
alert(results.address_components[7].long_name); //Country
//Country -
-
},
-
-
- function(){
-
alert('Failed to get Location Details...');
- );
- );
); -
);
- );
- );
); -
});
return false;
});
}});
以上這篇如何在網站上添加谷歌定位資訊就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
原文網址：http://www.cnblogs.com/mivi/archive/2016/04/16/5398183.html
