>本教程演示瞭如何僅使用幾行JavaScript代碼獲得用戶的地理位置。 為簡單起見,我們將利用geoplugin.net
api。 請記住,此方法依賴於用戶的IP地址,因此提供了近似值,而不是精確的位置。
方法1:簡單警報(使用jQuery)>
這種簡潔的方法使用jQuery簡化了過程。 位置(國家,地區,城市)顯示在一個警報框中。
jQuery(document).ready(function($) { alert("Your location is: " + geoplugin_countryName() + ", " + geoplugin_region() + ", " + geoplugin_city()); });
方法2:控制台輸出(使用jQuery和)getScript
函數來異步加載地理位置庫,從而阻止阻塞。位置詳細信息已記錄到瀏覽器的控制台。 這是調試和集成到較大應用程序的理想選擇。 getScript
jQuery(document).ready(function($) { jQuery.getScript('https://www.geoplugin.net/javascript.gp', function() { var country = geoplugin_countryName(); var region = geoplugin_region(); var city = geoplugin_city(); console.log("Your location is: " + country + ", " + region + ", " + city); }); });
方法3:直接(最簡單,但靈活的)document.write
>
>
可用的地理位置屬性:
geoplugin.net
function geoplugin_city() { return 'Dobroyd Point';} function geoplugin_region() { return 'New South Wales';} function geoplugin_regionCode() { return '02';} function geoplugin_regionName() { return 'New South Wales';} function geoplugin_areaCode() { return '0';} function geoplugin_dmaCode() { return '0';} function geoplugin_countryCode() { return 'AU';} function geoplugin_countryName() { return 'Australia';} function geoplugin_continentCode() { return 'OC';} function geoplugin_latitude() { return '-33.873600';} function geoplugin_longitude() { return '151.144699';} function geoplugin_currencyCode() { return 'AUD';} function geoplugin_currencySymbol() { return '$';} // ... (currency converter function omitted for brevity)
精度:
基於IP的地理位置本質上是不精確的。 它反映了您的ISP的位置,不一定是您的確切位置。geoplugin.net
以上是使用2行JavaScript獲取地理位置的詳細內容。更多資訊請關注PHP中文網其他相關文章!