ホームページ > ウェブフロントエンド > jsチュートリアル > 2行のJavaScriptでGEOの場所を取得します

2行のJavaScriptでGEOの場所を取得します

Christopher Nolan
リリース: 2025-03-02 01:22:34
オリジナル
820 人が閲覧しました

このチュートリアルでは、数行のJavaScriptコードを使用してユーザーの地理的位置を取得する方法を示しています。 簡単にするためにgeoplugin.netAPIを活用します。 この方法は、ユーザーのIPアドレスに依存しているため、正確な場所ではなく近似を提供します。

Get Geo Location with 2 lines of JavaScript

メソッド1:シンプルアラート(jQueryを使用)

この簡潔な方法では、jQueryを使用してプロセスを簡素化します。 場所(国、地域、都市)はアラートボックスに表示されます。

jQuery(document).ready(function($) {
    alert("Your location is: " + geoplugin_countryName() + ", " + geoplugin_region() + ", " + geoplugin_city());
});
ログイン後にコピー
メソッド2:コンソール出力(jQueryおよび

>を使用) 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の位置を反映しています、必ずしもあなたの正確な場所ではありません。

    API Reliance:
  • このソリューションは、サービスに依存します。 必要に応じて代替案を検討してください。
  • エラー処理:生産コードには、ジオロケーションが失敗する状況を優雅に管理するために、堅牢なエラー処理を含める必要があります。 geoplugin.net
  • プライバシー:
  • おおよその場所が取得されていることをユーザーに常に通知し、関連するプライバシー規則に準拠しています。 フォーム統合や詳細なAPI情報を含む、より高度な使用法については、提供されたリンクを参照してください。
  • フォーム統合例:
  • https://www.php.cn/link/ce3b5506fc4151c97d646dc6fce8b1f5
  • Geoplugin APIドキュメント:
https://www.php.cn/link/49d26be4d7b23b72bacd4db1cb00fa41

    以上が2行のJavaScriptでGEOの場所を取得しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    著者別の最新記事
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート