>本教程演示了如何仅使用几行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中文网其他相关文章!