このチュートリアルでは、数行のJavaScriptコードを使用してユーザーの地理的位置を取得する方法を示しています。 簡単にするためにgeoplugin.net
APIを活用します。 この方法は、ユーザーのIPアドレスに依存しているため、正確な場所ではなく近似を提供します。
メソッド1:シンプルアラート(jQueryを使用)
この簡潔な方法では、jQueryを使用してプロセスを簡素化します。 場所(国、地域、都市)はアラートボックスに表示されます。
jQuery(document).ready(function($) { alert("Your location is: " + geoplugin_countryName() + ", " + geoplugin_region() + ", " + geoplugin_city()); });
>を使用)
getScript
この方法では、jQueryの関数を使用して、ジオロケーションライブラリを非同期にロードし、ブロックを防ぎます。場所の詳細は、ブラウザのコンソールに記録されます。 これは、デバッグや大規模なアプリケーションへの統合に最適です。
getScript
メソッド3:direct
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); }); });
これは最も基本的なアプローチであり、ページに場所を直接書き込みます。 ただし、柔軟性が低く、不適切に使用するとページの読み込みを妨げる可能性があります。
document.write
APIは、豊富な位置データを提供します。 ここに選択があります:
重要な考慮事項: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でGEOの場所を取得しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。